Branding de loja online: uma marca, não um anúncio

O branding de uma loja online é o que faz um cliente confiar na tua loja o suficiente para comprar e lembrar-se dela o suficiente para voltar. Para a maioria das lojas, resume-se a cinco decisões: um nome com um logótipo simples só com o nome, um pequeno sistema de cores, um fundo onde todos os produtos assentam, um par de tipos de letra e anúncios que seguem as mesmas regras. As lojas que vendem produtos também disponíveis noutros sítios, como as de dropshipping e de impressão sob pedido, são as que mais precisam disto, porque a marca é a única parte que um concorrente não pode copiar do mesmo fornecedor.

Porque é que as lojas online parecem anúncios de produto

Um anúncio de produto é um produto com um preço. Uma marca é um ponto de vista sobre para quem é o produto. As lojas parecem anúncios de produto quando usam as fotografias do fornecedor sobre branco, um tema gratuito nas cores predefinidas, um logótipo feito de um ícone de banco de imagens e anúncios que mudam de estilo todas as semanas. Nenhuma destas escolhas está errada sozinha. Juntas dizem “aqui ninguém tomou decisões”, e os clientes reparam, mesmo sem saberem explicar.

Passo 1: escolhe um nome e um logótipo só com o nome

Uma loja nova raramente precisa de um símbolo. Um logótipo só com o nome, o nome da loja bem composto num tipo de letra, é mais claro, mais fácil de ler ao tamanho de um favicon e mais difícil de errar. Escolhe um tipo de letra com carácter, compõe o nome com ele, ajusta o espaço entre letras a olho e pára aí. O guia de design de logótipos só com o nome trata do espaçamento e do peso; o das bases do design de logótipos explica quando vale a pena juntar um símbolo mais tarde.

Passo 2: escolhe cores de marca que consigas manter

As paletas grandes desfazem-se em menos de um mês. Três papéis chegam a uma loja: uma base que a maioria dos fundos usa, um destaque para botões, preços e etiquetas de saldo, e um neutro para o texto. Escolhe o destaque a pensar no contraste, porque vai ficar atrás do texto dos botões. O guia como escolher as cores da marca percorre o raciocínio.

Passo 3: usa um só fundo para todos os produtos

Esta é a decisão que muda mais depressa uma loja. Põe todos os produtos, fotografados ou recortados, sobre a mesma base: um papel colorido, um gradiente suave, uma superfície com textura. A grelha de produtos passa logo a parecer curada, e as tuas imagens deixam de se parecer com as do concorrente que vende o mesmo artigo. Recorta cada produto uma vez como PNG transparente e coloca-o depois sobre a tua base. Os fundos para fotografias de produto mostram opções para diferentes tipos de produto.

Passo 4: escolhe dois tipos de letra

Um tipo de letra para títulos e para o logótipo só com o nome, outro para tudo o resto. Uma serifa com carácter com uma sem serifa simples serve a maioria das lojas; duas sem serifa de pesos muito diferentes também funcionam. Usa o mesmo par no site, nos anúncios e nos inserts das embalagens. O guia de combinação de tipos de letra lista combinações que aguentam.

Passo 5: faz anúncios que condizem com a loja

Um cliente que toca num anúncio e aterra numa página de outras cores pergunta-se se está no sítio certo. Os anúncios devem usar a base, a tipografia e o destaque da loja, para o clique parecer contínuo. Testa produtos e títulos diferentes, não identidades visuais diferentes. O design de anúncios no Instagram e o design de anúncios no Facebook tratam dos formatos.

1. 1

   Escreve as regras

   Uma página: logótipo só com o nome, cores com códigos hex, tipos de letra, o fundo de produto. Um guia de estilo da marca pode ser assim curto.

2. 2

   Refaz primeiro os dez produtos principais

   Os teus mais vendidos são os mais vistos. Põe-nos primeiro no novo fundo.

3. 3

   Atualiza as cores do tema

   Botões, links e etiquetas de saldo no destaque; texto no neutro.

4. 4

   Reconstrói os anúncios em curso

   Os mesmos produtos, um novo aspeto coerente. Retira tudo o que quebre as regras.

O kit de marca do Gradiently pode guardar estas regras por ti: logótipos, paletas, um tipo de letra de títulos e outro de texto, a tua voz e o teu público. Consegue ler o site da tua loja para preencher o nome, a cor e o ícone iniciais. Os designs assentam num Mark, um fundo de gradiente com o qual só tu podes exportar depois de o reservares, por isso as tuas publicações e anúncios de produto não podem ser iguais aos de mais ninguém.