foto do produto
Feito para Você
Identidade da loja
Linha 1
Feito para Você
Papelaria personalizada, feita peça por peça.
foto do produto
foto do produto
Linha 2
Projeto Educar
Atividades pedagógicas e psicopedagógicas para quem ensina.
foto do produto
foto do produto
A ideia
A loja é um caderno.
Duas marcas com paletas diferentes não cabem numa página só sem brigar. Em vez de inventar uma terceira identidade e apagar o que já foi construído no Elo7, as duas linhas ocupam páginas opostas do mesmo caderno: mesmo papel, mesma pauta, cores de destaque próprias. O visitante escolhe o lado dele no primeiro olhar, sem precisar do menu.
O que veio de cada marca
O verde-água e o rosa saíram do anel e do coração da logo Feito para Você. O amarelo saiu do lápis e dos respingos do Projeto Educar. As duas logos já eram azuis, esse azul virou a tinta do site inteiro.
Por que caderno, e não outra coisa
As artes que você já publica usam papel colado, percevejo, bloco de notas e coração desenhado à mão. A estética já existia; ela só não estava organizada num sistema. A pauta que aparece atrás desta página é a mesma grade que alinha todo o conteúdo do site.
Cores
Seis cores, cada uma com uma função.
Nenhuma cor entra por enfeite. Se não tem trabalho para fazer, não entra na paleta.
Papel#FBFAF7Fundo de tudo. Sulfite, não papel envelhecido.
Tinta#12305BTodo o texto e a marca. Azul de caneta, no lugar do preto.
Pauta#A8C6E8Linhas, bordas e divisões entre seções.
Verde-água#2E9B96Destaque da linha Feito para Você.
Marca-texto#FFD400Destaque da linha Projeto Educar. Sempre como fundo, com texto escuro por cima.
Rosa#C4436BFavoritos, promoções e avisos. Usada com parcimônia.
Sobre o amarelo: amarelo puro sobre branco é praticamente invisível para quem enxerga pouco. Por isso ele nunca vira cor de letra, só preenchimento, com a tinta azul escrita por cima. É a diferença entre usar a cor da marca e usar a cor errado.
Letras
Duas famílias, três trabalhos.
Títulos
Fraunces
Fraunces
Cada pequena descoberta
Serif com cantos levemente amaciados, carrega o feito à mão sem virar letra cursiva. Aparece só em títulos, nunca em texto corrido.
Texto
Atkinson Hyperlegible
Atkinson Hyperlegible
Todo o texto da loja, do nome do produto ao botão de finalizar compra. Esta fonte foi desenhada pelo Braille Institute para que letras parecidas não se confundam: o i maiúsculo, o l minúsculo e o número 1 têm formas diferentes, Il1, e o zero é cortado.
Isso não é detalhe de designer. Boa parte de quem compra a linha Projeto Educar está comprando justamente por acessibilidade. A loja usar a fonte feita para ser legível é um argumento de venda, não um enfeite.
Números
R$ 125,00 · R$ 58,00 · R$ 189,90
Pedido 4829 · 12 em estoque · 5 dias úteis
Pedido 4829 · 12 em estoque · 5 dias úteis
Preços, quantidades e códigos de pedido usam algarismos de largura fixa, para que as colunas do painel fiquem alinhadas mesmo com valores diferentes.
Aplicação
Como as duas linhas convivem.
Mesma estrutura de card, mesma tipografia, mesmo espaçamento. Só a cor da etiqueta muda. Quem navega entende a que linha o produto pertence sem ler nada.
foto do produto
Feito para Você
Cartela de adesivos escolares
R$ 24,00Última unidadefoto do produto
Projeto Educar
Quadro de rotina visual imantado
R$ 125,0012 em estoquefoto do produto
Projeto Educar
Jogo das emoções
R$ 58,004 em estoqueNomes, preços e estoques acima são exemplos para mostrar o formato. Os produtos reais entram com as suas fotos e os seus valores.
Para seguir
O que eu preciso de você.
Cada item aqui destrava uma parte da loja. Pode responder aos poucos.
- 1O nome do siteAs duas marcas continuam existindo dentro da loja. Falta decidir qual nome fica na porta de entrada e no endereço: Feito para Você, Projeto Educar, ou o seu nome reunindo as duas.
- 2Quantas vendas por mês, mais ou menosServe para dimensionar a loja e o custo mensal. Um número aproximado dos últimos meses no Elo7 já resolve.
- 3A lista de produtos com foto, preço e quantidadeÉ o que enche a loja. Pode vir em planilha, ou eu monto a partir do que já está publicado no Elo7.
- 4Sua históriaComo o Projeto Educar começou, para quem você faz esse material, o que mudou para alguma família. Loja nova não tem reputação, tem história. É o que constrói confiança em quem chega pela primeira vez.
- 5De onde você enviaCidade e estado, para calcular frete e prazo corretos já na primeira versão.