Branding de loja online: seja uma marca, não uma listagem

O branding de loja online é o que faz um cliente confiar na sua loja o bastante para comprar e lembrar dela o bastante para voltar. Para a maioria das lojas, ele se resume a cinco decisões: um nome com um logotipo simples, um pequeno sistema de cores, um fundo em que todo produto se apoia, um par de fontes e anúncios que seguem as mesmas regras. Lojas que vendem produtos disponíveis em outros lugares, como as de dropshipping e de impressão sob demanda, precisam disso mais que todas, porque a marca é a única parte que um concorrente não pode copiar do mesmo fornecedor.

Por que lojas online parecem listagens

Uma listagem é um produto com um preço. Uma marca é um ponto de vista sobre para quem o produto é. As lojas parecem listagens quando usam as fotos do fornecedor sobre branco, um tema gratuito nas cores padrão, um logo feito de um ícone pronto e anúncios que mudam de estilo toda semana. Nenhuma dessas escolhas está errada sozinha. Juntas, elas dizem “ninguém tomou decisões aqui”, e os clientes percebem, mesmo sem saber explicar.

Passo 1: escolha o nome da loja e o logotipo

Uma loja nova raramente precisa de um símbolo. Um logotipo tipográfico, o nome da loja bem composto numa fonte, é mais claro, mais legível no tamanho de um favicon e mais difícil de errar. Escolha uma fonte com personalidade, componha o nome com ela, ajuste o espaço entre as letras a olho e pare por aí. O guia de design de logotipo tipográfico trata de espaçamento e peso; o de fundamentos de design de logo explica quando vale acrescentar um símbolo depois.

Passo 2: escolha cores de marca que você consiga manter

Paletas grandes desandam em um mês. Três papéis bastam para uma loja: um fundo que a maioria dos planos de fundo usa, um destaque para botões, preços e selos de promoção e um neutro para o texto. Escolha o destaque pensando em contraste, porque ele ficará atrás dos textos dos botões. O guia de como escolher as cores da marca detalha o raciocínio.

Passo 3: use um só fundo para todo produto

Esta é a decisão que muda uma loja mais rápido. Ponha todo produto, fotografado ou recortado, sobre o mesmo fundo: um papel colorido, um gradiente suave, uma superfície texturizada. A grade de produtos parece curada de imediato, e suas imagens deixam de se parecer com as do concorrente que vende o mesmo item. Recorte cada produto uma vez como PNG transparente e depois coloque-o no seu fundo. O guia de fundos para fotos de produto mostra opções para diferentes tipos de produto.

Passo 4: escolha duas fontes

Uma fonte para títulos e o logotipo, outra para todo o resto. Uma serifada com personalidade e uma sem serifa simples funcionam para a maioria das lojas; duas sem serifa de pesos bem diferentes também funcionam. Use o mesmo par no site, nos anúncios e nos encartes de embalagem. O guia de combinação de fontes lista combinações que se sustentam.

Passo 5: faça anúncios que combinem com a loja

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

1. 1

   Escreva as regras

   Uma página: logotipo, cores com códigos hex, fontes, o fundo de produto. Um guia de estilo da marca pode ser tão curto assim.

2. 2

   Refaça primeiro os dez principais produtos

   Seus campeões de venda são os mais vistos. Coloque-os no novo fundo antes de qualquer outro.

3. 3

   Atualize as cores do tema

   Botões, links e selos de promoção no destaque; texto no neutro.

4. 4

   Refaça os anúncios em andamento

   Os mesmos produtos, com o novo visual consistente. Aposente tudo que quebre as regras.

O kit de marca do Gradiently pode guardar essas regras por você: logos, paletas, uma fonte de título e outra de texto, sua voz e seu público. Ele pode ler o site da sua loja para preencher nome, cor e ícone de partida. Os designs ficam sobre um Mark, um fundo de gradiente com o qual só você pode exportar depois de reservá-lo, de modo que seus posts de produto e anúncios nunca combinem com os de mais ninguém.