Camada 1: lista de recebidos
Assunto, remetente e preheader determinam se a pessoa abrirá o e-mail. Verifique se o assunto não foi comprimido por prefixos do ambiente, se o nome do remetente parece confiável e se o preheader não revela placeholders nem repete a primeira frase do conteúdo.
Adicione um identificador exclusivo ao assunto de teste para confirmar que a versão atual foi aberta na lista. Quando o e-mail real já tiver chegado, o placeholder de demonstração não deve continuar misturado à lista.
Camada 2: cabeçalho e marca
Desative as imagens ou considere que as imagens remotas falharam: a marca e o tipo de e-mail ainda devem ser reconhecíveis. O logotipo precisa de um texto alternativo, e o contraste do fundo e do conteúdo não pode depender apenas de imagens.
Em telas estreitas, o cabeçalho não pode ocupar a maior parte da área de leitura. O nome da marca, o tipo de notificação e o domínio do remetente devem ser coerentes; não use elementos visuais para esconder uma origem suspeita.
Camada 3: ordem do conteúdo
Leia primeiro o título, os fatos principais, a ação e as informações complementares; a ordem deve ser natural. Valores importantes, como códigos de verificação, quantias, datas ou localização do dispositivo, não podem ficar escondidos em módulos decorativos.
Use uma área de leitura de aproximadamente 390 px para observar as quebras de linha e confirmar que tabelas, URLs longas e números de pedido não estouram o contêiner. Mesmo com o texto ampliado, o conteúdo deve manter a ordem lógica.
Camada 4: botões de ação
O texto do botão deve explicar o resultado do clique, em vez de usar um genérico “clique aqui”. Copie o href real e confira domínio, protocolo, ambiente e parâmetros necessários; não presuma que o link está correto apenas pela aparência do botão.
Deixe claras as ações principal e secundária. Se o botão estiver desativado ou o link tiver expirado, ofereça um retorno que permita recuperação. O e-mail não deve imitar botões do sistema nem induzir a pessoa a enviar informações secretas.
Camada 5: imagens e conteúdo longo
As imagens precisam de uma largura máxima e de um texto alternativo significativo. Imagens decorativas podem ter texto alternativo vazio, mas informações sobre pedidos, códigos de verificação ou etapas não podem existir apenas em uma imagem.
Permita a quebra de palavras longas, links de rastreamento e sequências contínuas de números; eles não devem estourar a largura da página. Anexos grandes e mídia remota também devem ser validados separadamente conforme os limites do produto.
Camada 6: versão em texto simples
A versão em texto simples deve incluir os fatos do assunto, a URL completa da ação principal, informações de suporte e os avisos legais necessários. Ela não é um amontoado de caracteres resultante de remover as tags HTML.
Confira, na ordem de leitura, linhas em branco, listas e a posição dos links. Mesmo que o cliente não exiba HTML, a pessoa deve entender o que aconteceu e concluir as ações essenciais.
Chegue a uma conclusão reproduzível
Registre a versão do template, a tarefa de envio, o endereço, o horário de chegada, a largura do cliente e os links reais. A cada correção, altere apenas as variáveis necessárias e envie uma amostra com um novo identificador.
O critério de aprovação deve abranger simultaneamente consistência dos fatos, legibilidade, capacidade de ação e integridade da versão alternativa. Uma captura de tela bonita no desktop é apenas um item e não substitui uma conclusão completa.
Abrir prévia isolada
Use uma caixa de entrada temporária para receber a nova versão e confira o layout dentro do corpo real do e-mail.