← Voltar ao guia
Capítulo 2 de 8 · 15 min de leitura

Fotos e capas que convertem

Dicas de design sem ser designer

A capa é o único elemento visual na grade da loja. Ela decide se a pessoa clica ou rola para o próximo — antes de ler uma palavra da descrição.

A capa é a porta

Por melhor que seja a descrição, ela só é lida por quem clicou. E o clique depende de uma imagem de poucos centímetros vista de relance. Trocar a capa de um produto parado é uma das intervenções mais baratas e mais eficazes que existem.

O teste da miniatura

O erro mais comum: a capa fica linda em tela cheia e ilegível no celular, que é onde a maioria acessa.

Reduza sua arte para 150 px de largura e olhe. Se o texto não é mais legível, ele está pequeno demais. Na prática isso limita a três ou cinco palavras em fonte grossa. Tudo mais que isso vira ruído cinza.

Contraste antes de estética

Fundo escuro com texto claro, ou o inverso. Sem meio-termo. Texto cinza sobre fundo colorido desaparece.

Um teste rápido: converta a imagem para preto e branco. Se os elementos continuam se separando, o contraste está bom. Se tudo vira uma massa cinza uniforme, refaça.

Dê materialidade ao digital

Produto digital não pode ser segurado, e isso atrapalha a decisão de compra. Mockup resolve: o ebook numa tela de tablet, o preset aplicado num frame antes-e-depois, o template aberto dentro do programa.

O antes-e-depois é especialmente forte em preset e template, porque mostra o resultado em vez de descrevê-lo.

Consistência entre as capas

Mesma fonte, mesma paleta, mesmo lugar do texto em todas. Um catálogo coerente parece coleção profissional; capas cada uma de um jeito parecem improviso — e improviso levanta dúvida sobre a qualidade do conteúdo.

Monte um modelo na primeira capa e reaproveite. Além de mais rápido, garante a coerência.

Especificações

  • Proporção 4:3, em torno de 1200×900 px
  • JPG, PNG ou WEBP
  • Mantenha o essencial no centro — as bordas são cortadas no card

Ferramentas

  • Canva — resolve a maioria dos casos, tem modelos prontos
  • Figma — mais controle, gratuito para uso individual
  • Photopea — abre PSD direto no navegador, sem instalar nada

Cores que funcionam

Duas cores bastam: uma de fundo e uma de destaque. Três já pede algum conhecimento de composição. Se estiver inseguro, pegue a paleta de uma marca que você admira do mesmo segmento e adapte.

💡
Teste com gente de fora

Mostre a capa por três segundos para alguém que não conhece o produto e pergunte o que está sendo vendido. Se a pessoa não souber dizer, o problema não é gosto — é comunicação.

O que evitar

  • Imagem de banco com marca d'água — passa descuido imediato
  • Mais de duas fontes
  • Selo de "promoção" permanente, que desgasta a credibilidade
  • Foto sem relação com o conteúdo
  • Texto na borda, que o card corta

Iterando

Capa não é decisão definitiva. Troque, deixe rodar duas semanas e compare. Mude uma coisa por vez: trocando imagem, texto e cor juntos, você não descobre o que funcionou.