Texto cinzento minúsculo num fundo carregado. Os olhos esforçam-se antes de acabares a primeira frase. É essa sensação que explica porque é que o design de email importa para a tua marca. Quando o layout e a cor lutam contra a mensagem, as pessoas saem sem te dizer porquê.
As boas práticas de design de email incluem layouts de uma só coluna, áreas de toque grandes e texto alternativo nas imagens. Este capítulo explica o que isto significa em linguagem simples, porque afeta o teu website e o teu marketing e como aplicar isto sem te perderes em jargão. Vais ver também como o tema «design de newsletters por email» se encaixa no mesmo quadro. Vamos vê-lo passo a passo.
Design de email na prática
As boas práticas de design de email incluem layouts de uma só coluna, áreas de toque grandes e texto alternativo nas imagens.
Muitos subscritores leem no telemóvel, em modo escuro.
O design de newsletters por email deve refletir a identidade visual do website sem código pesado.
Como aplicar o design de email no teu site
Mantém o texto essencial fora das imagens, para o caso de as imagens serem bloqueadas.
Começa por uma página, como a tua página inicial ou a landing page principal. Corrige primeiro o maior problema e depois leva o mesmo padrão para os outros modelos.
Combina este capítulo com design de newsletters por email, para a base, e com design de brochuras, para o passo seguinte neste módulo.
Lista prática que podes usar hoje
Mantém o texto essencial fora das imagens, para o caso de as imagens serem bloqueadas.
Quando reveres uma página, pergunta-te se o design de email aparece logo no primeiro scroll no telemóvel. Se não, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez a diferença para o design de email no teu site.
Partilha esta lista com quem atualiza o teu site, para que o tema «design de newsletters por email» se mantenha consistente nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para que as alterações de design se liguem aos resultados do negócio e não apenas ao gosto pessoal.
Como este tema se liga à tua marca em geral
As escolhas visuais raramente vivem numa só página. O design de newsletters por email deve refletir a identidade visual do website sem código pesado.
As tuas publicações nas redes sociais, os teus emails e as tuas peças impressas devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras tipográficas que usas na web.
Quando os elementos visuais da marca se vão afastando uns dos outros, os clientes sentem uma discrepância subtil, mesmo que não saibam explicá-la.
Usa design de brochuras para comparares notas com um capítulo relacionado deste módulo.
Muitos subscritores leem no telemóvel, em modo escuro.
Perguntas que muita gente ignora
Termos secundários como design de newsletters por email e design de marketing ajudam-te a procurar exemplos mais aprofundados e a comparar o teu trabalho com os padrões habituais.
O design de newsletters por email deve refletir a identidade visual do website sem código pesado.
Escreve uma alteração de antes e depois que vais testar numa página real esta semana. Pequenos ajustes medidos valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre o design de email reduz os ciclos de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código à medida para resolver muitos problemas de layout e de estilo. Um editor visual permite-te ajustar espaçamentos, cores e tipografia enquanto vês a pré-visualização em telemóvel e em computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperares por um programador a cada pequeno ajuste. Abre o criador de websites quando quiseres aplicar o que aprendeste.
Quando publicares atualizações, volta a ver design de newsletters por email e design de banners web, para que o módulo continue ligado na tua cabeça.
Já tens uma forma prática de olhar para o design de email. Usa-a quando reveres o teu site, aprovares materiais de marketing ou briefares um designer. Continua com design de banners web e design de brochuras para manteres o ritmo neste módulo.
Dominar o design de email é uma competência que se constrói aos poucos. Volta a este capítulo depois de publicares uma melhoria, para que as ideias passem da leitura ao hábito. Pequenas revisões repetidas valem mais do que decorar todas as regras de uma vez. Guarda notas sobre o que funcionou com o teu público, para a próxima atualização ser mais rápida.
Perguntas frequentes
Quanto tempo leva a melhorar o design de email?
A maioria das pequenas empresas vê páginas mais claras ao fim de algumas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela tua página inicial e depois estende as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para trabalhar no design de email?
Um designer ajuda em rebrandings complexos, mas muitas correções relacionadas com o design de email podem ser feitas por ti, quando sabes o que procurar. Usa design de newsletters por email em conjunto com este capítulo para teres orientações relacionadas.
O WEMASY pode ajudar-te a aplicar o design de email no teu website?
O WEMASY inclui um editor visual no criador de websites, para ajustares o layout, as cores e a tipografia sem código. Abre o criador de websites para atualizares modelos e pré-visualizares as alterações no telemóvel.
Qual é o erro mais comum quando se trata do design de email?
As pessoas tentam corrigir tudo de uma vez em vez de uma página de cada vez. Escolhe uma única prioridade, como a legibilidade ou o contraste, e depois vê design de banners web para a melhoria seguinte.
Como é que o design de email se liga ao SEO?
Uma hierarquia visual clara e uma tipografia legível mantêm os visitantes mais tempo na página, o que reforça os sinais de envolvimento que os motores de pesquisa acompanham. Combina as correções de design com uma boa estrutura de conteúdo para obteres os melhores resultados.
Depois do design de email, o que deves aprender a seguir?
Continua com design de newsletters por email e design de banners web neste livro, para construíres um sistema visual completo para a tua marca online.