Cerca de sete segundos é o tempo que muitos visitantes dão a uma página antes de decidirem ficar ou sair. Nesse intervalo, o design de newsletters por email trabalha mais do que o teu texto de vendas. A clareza visual ganha os segundos extra de que precisas para explicar a tua oferta.
O design de newsletters combina assuntos fortes com secções fáceis de percorrer e uma ligação principal. 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 email» se encaixa no mesmo quadro. Vamos vê-lo passo a passo.
Design de newsletters por email na prática
O design de newsletters combina assuntos fortes com secções fáceis de percorrer e uma ligação principal.
Os emails abertos continuam a falhar se o layout parecer partido no telemóvel.
Os sistemas de design de email reutilizam os estilos de cabeçalho, rodapé e botões.
Como aplicar o design de newsletters por email no teu site
Testa as newsletters em modo claro e escuro antes de as enviares a listas completas.
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 banners web, para a base, e com design de websites acessíveis, para o passo seguinte neste módulo.
Lista prática que podes usar hoje
Testa as newsletters em modo claro e escuro antes de as enviares a listas completas.
Quando reveres uma página, pergunta-te se o design de newsletters por 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 newsletters por email no teu site.
Partilha esta lista com quem atualiza o teu site, para que o tema «design de 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. Os sistemas de design de email reutilizam os estilos de cabeçalho, rodapé e botões.
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 websites acessíveis para comparares notas com um capítulo relacionado deste módulo.
Os emails abertos continuam a falhar se o layout parecer partido no telemóvel.
Perguntas que muita gente ignora
Termos secundários como design de email e design de marketing ajudam-te a procurar exemplos mais aprofundados e a comparar o teu trabalho com os padrões habituais.
Os sistemas de design de email reutilizam os estilos de cabeçalho, rodapé e botões.
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 newsletters por 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 banners web e design de brochuras, para que o módulo continue ligado na tua cabeça.
Já tens uma forma prática de olhar para o design de newsletters por email. Usa-a quando reveres o teu site, aprovares materiais de marketing ou briefares um designer. Continua com design de brochuras e design de websites acessíveis para manteres o ritmo neste módulo.
Dominar o design de newsletters por 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 newsletters por 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 newsletters por email?
Um designer ajuda em rebrandings complexos, mas muitas correções relacionadas com o design de newsletters por email podem ser feitas por ti, quando sabes o que procurar. Usa design de banners web em conjunto com este capítulo para teres orientações relacionadas.
O WEMASY pode ajudar-te a aplicar o design de newsletters por 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 newsletters por 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 brochuras para a melhoria seguinte.
Como é que o design de newsletters por 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 newsletters por email, o que deves aprender a seguir?
Continua com design de banners web e design de brochuras neste livro, para construíres um sistema visual completo para a tua marca online.