Como otimizar seus designs de boletim informativo para o modo escuro

Os e-mails são a salvação de uma campanha de marketing. Nenhum profissional de marketing concordará em lançar uma campanha sem uma estratégia de email marketing. E não porque estejam acostumados ou não queiram inovar.

Mas porque segue o velho ditado “Não conserte algo se não estiver quebrado”. O marketing por e-mail ou seus boletins informativos podem trazer o maior ROI que você pode imaginar. E funciona para consumidores de todos os grupos demográficos – velhos ou jovens.

O mundo do marketing de boletins tem visto uma navegação tranquila há muito tempo. No entanto, há um pequeno problema surgindo por causa de um recurso que entrou em jogo há 4 anos.

Sim, estamos falando do modo escuro. Mas por que é um grande negócio agora? Já existe há algum tempo? Se você comprou um smartphone recentemente, a primeira olhada na sua caixa de entrada de e-mail faria você pensar “por que o fundo do e-mail é preto”?

As empresas de smartphones agora começaram a tornar o modo escuro o padrão, o que significa que os números de adoção (que já são altos) aumentarão ainda mais.

Portanto, agora é hora de criar uma estratégia de design para otimizar seus boletins para o modo escuro. E é exatamente isso que este blog da Kimp ajudará você a alcançar.

Mas, antes disso, um pouco de história e uma rápida recapitulação de todas as coisas do modo escuro.

A evolução e a crescente popularidade do Dark Mode

O favorito da internet e nosso chamado salvador da saúde neste tempo rico em digital ainda é o novo garoto do pedaço. Até o TikTok é mais antigo que o modo escuro e isso está dizendo algo.

Se você quer um pouco de história sobre o que começou todo o episódio de paixão do Dark Mode, tudo começou com uma atualização da Apple. Sim, a Apple é a razão pela qual o modo escuro existe. A Apple lançou o modo escuro durante o lançamento da 15ª série do macOS Mojave em setembro de 2018. Em seguida, ele estava disponível no Gmail um ano depois para dispositivos Android e iOS, incluindo iOS Mail.

A atualização para o Outlook veio um pouco mais tarde, em junho de 2019, com sua versão 1907 do canal Insider se tornando a primeira a obtê-la. Mais tarde, eles o lançaram para todos os produtos em junho de 2020.

Mas o que é o modo escuro?

Sabemos que ouvimos muito o termo, mas nem todos sabem exatamente o que é.

O modo escuro é muito mais do que o espaço em branco em uma tela ficando preta. É essencialmente um recurso que inverte a cor de qualquer design ou tela para tornar o plano de fundo mais escuro e alterar a cor, elementos de interface do usuário, ícones e outros designs em elementos de cores claras.

Então agora você sabe que não se trata apenas de um elemento de design. É toda uma experiência em si.

Por que o interesse repentino no modo escuro ao redor?

Bem, o burburinho vem crescendo há alguns anos, mas a indústria acredita que a pandemia do COVID-19 acelerou seu crescimento. Como?

Bem, nosso tempo de tela sempre foi ridículo, mas quando o lado de fora fechou oficialmente, as pessoas não tiveram escolha a não ser encontrar consolo em experiências virtuais. Isso significava passar muito tempo nas telas dos dispositivos. Eventualmente, isso levou a dores de cabeça, dores nas costas e muitas outras queixas.

Embora a maioria dos problemas precise de ajustes de longo prazo, a mudança para o modo escuro ajudou as pessoas a evitar a luz brilhante da tela, o brilho e o impacto resultante nos olhos e no sistema nervoso.

Isso também significava que o modo escuro não era apenas para telas móveis e estendeu sua presença para desktops e outros dispositivos inteligentes, como iPads e tablets.

Por que otimizar o design das newsletters para o modo escuro?

Sabemos que os clientes estão adorando. Quase 92% dos usuários do Android e mais de 80% dos usuários do MacOS preferem o modo escuro. E isso deve ser um dos principais motivos para você analisar estratégias de otimização para seus designs de newsletter.

Mas há mais.

Mesmo que os clientes não estejam procurando ativamente o modo escuro. Como mencionamos, os novos smartphones agora estão entregando produtos com esse modo como padrão. E muitos dos aplicativos e clientes de e-mail estão prestes a fazer essa mudança também.

Então, quando isso está se tornando o padrão, se seus designs não forem compatíveis, você corre o risco de perder uma mensagem impactante.

O modo escuro não é apenas inverter os arranjos em preto e branco. Muitas cores não funcionam da mesma forma, alguns ícones não têm a mesma aparência e designs não otimizados também podem afetar a legibilidade.

É por isso que uma pesquisa sobre o modo escuro nos mostra que 44% dos profissionais de marketing por e-mail estão pensando em desenvolver um UX mais escuro e 28% deles pretendem introduzi-lo em breve.

Você não quer ser o único a entregar uma experiência abaixo da média, não é?

Isso pode resultar em perda de assinantes, um impacto no ROI e muito retrabalho quando for tarde demais.

Então comece agora e fique à frente da curva.

7 maneiras de otimizar seus designs de newsletter para o Modo Escuro

Agora que o motivo da popularidade do modo escuro foi revelado, vamos ao problema em questão. Trabalhar com o modo escuro não é uma tarefa fácil. Muitas de suas diretrizes e modelos de design precisam sair pela janela ou se adaptar.

Mas, como empresa, pode ser confuso acompanhar todas as alterações que você precisa fazer. Nem você deve confiar cegamente no que um designer pode lhe dizer.

Então, aqui está uma lista com curadoria de alterações e técnicas de otimização que você precisa para garantir que seus designs de newsletter funcionem bem com o modo escuro. Com este blog da Kimp, você poderá criticar e apreciar os designs que sua equipe oferece.

Vamos começar.

1. Escolha o estilo de design certo

Se você está começando sua jornada de marketing por e-mail agora, então você tem uma oportunidade de ouro em suas mãos. Você pode modelar o design para torná-lo compatível com o modo escuro. Normalmente, as marcas que fazem isso há algum tempo têm muitas restrições, como estilo de design, imagens obrigatórias ou designs de marca.

Para que sua otimização no modo escuro seja um sucesso, você precisa de cores, imagens, ícones e outros elementos para trabalhar com ela. Mas a boa notícia é que você sempre pode atualizá-los. Enquanto o estilo de design é um pouco problemático.

O estilo de design é importante porque decide o layout, a organização dos elementos e a entrega geral da mensagem.

Normalmente, o melhor estilo de design para o modo escuro é o minimalismo devido ao abundante espaço em branco que incorpora. Os designs parecem grandes e cheios contra um fundo mais escuro, mas o estilo de design minimalista não prejudica a experiência do usuário.

Portanto, tente adotar um estilo de design minimalista ou compatível com o modo escuro.

Dica Kimp: Um estilo de design minimalista pode não ser a vibe de todas as marcas. Você pode ter um design de newsletter baseado em arte retrô ou pop anteriormente. Alternar é difícil, então trabalhe com uma equipe de design para ver como você pode diminuir o tom para fazê-lo funcionar no modo escuro.

Se você deseja criar um estilo de design personalizado que seja exclusivo para sua marca e se inspire em estilos de tendências, experimente o Kimp Graphics hoje!

2. Escolha contrastes de cores de acordo com os padrões

O fundo mais escuro é um desafio para todos os designers. Um fundo branco ou de cor clara permite explorar cores diferentes, brincar com contrastes e trabalhar em alinhamentos diferentes com restrições mínimas.

Mas o modo escuro é completamente diferente. O fundo mais escuro torna mais difícil discernir algumas cores e dificulta imensamente a legibilidade. Portanto, independentemente das cores que você escolher (mais sobre isso na próxima seção), o contraste desempenha um papel importante. Isso decide se o design do email é bem-sucedido no modo escuro ou não.

O Google Material design recomenda que o nível de contraste entre o plano de fundo e o texto seja no mínimo de 15,8:1. Isso se aplica ao texto branco e ao fundo preto, indicando que o branco funciona melhor em fundos cinza escuro.

No entanto, a regra geral é que ajustar a luminosidade e a saturação de suas cores ajuda na legibilidade. Portanto, pense no contraste e evite ao máximo a vibração visual.

Dica do Kimp: As cores podem ser confusas quando você deseja trabalhar no modo escuro. Se você quiser garantir que seu designer obtenha a cor certa, visualize e revise o design no modo escuro. Não compare as cores do modo claro com as do modo escuro, pois pode não ser possível obter correspondências exatas.

3. Crie uma paleta de cores

Achamos que o ponto anterior sobre contrastes deu uma dica sobre a importância de escolher a cor certa para seus designs de modo escuro. As cores parecem diferentes com base no plano de fundo, especialmente quando você está projetando para a web.

As cores no modo RGB obtêm sua tonalidade com base na porcentagem de cada cor (vermelho, verde e azul). A porcentagem que um designer deve adicionar para um fundo preto em relação ao fundo branco irá variar. Isso significa que suas paletas existentes não funcionarão no modo escuro.

É por isso que recomendamos criar uma paleta de cores que funcione melhor para seus designs de newsletter no modo escuro. Dessa forma, você pode manter a consistência da marca e não se preocupar com isso mais de uma vez.

Quais cores funcionam no modo escuro?

Bem, como regra, cores muito saturadas colidem com o fundo preto escuro e o tornam bastante extenuante para os olhos. Então, em vez de optar por cores fortes, você pode escolher tons pastéis para melhor contraste com o fundo escuro. Como eles também parecerão mais escuros, o estilo de design não muda muito.

Falando em fundos, não é necessário escolher apenas preto escuro. Você também pode experimentar o cinza escuro, desde que as outras cores funcionem com ele.

Dica do Kimp : Se você planeja mudar as cores para torná-las mais adequadas ao modo escuro, não faça muitas alterações imediatamente. Teste alguns padrões em alguns emails transacionais e de rotina. Analise o impacto em termos de CTR, tempo de leitura e assim por diante antes de fazer a troca.

Além disso, não se esqueça de que o processo de inversão de cores varia entre os clientes de e-mail, portanto, certifique-se de que sua equipe de design projeta para cada plataforma separadamente.

Com a assinatura ilimitada do serviço de design da Kimp Graphics, experimentar não custa nada extra.

4. Seleção de fonte

Cada design tem três elementos principais – cor, fonte e imagens. Nós cobrimos a cor, então vamos agora para a fonte.

A maior implicância que os designers têm com o modo escuro é que ele afeta a legibilidade em grande parte. E o maior impacto geralmente é no texto. O texto branco em fundos mais escuros faz com que a fonte pareça mais ousada e maior. Isso resulta em um layout de design muito chocante e lotado.

É por isso que recomendamos planejar o modo escuro em detalhes além das mudanças usuais que todos fazem.

Portanto, em termos de seleção de fonte, recomendamos escolher um peso de fonte mais leve para que o resultado no modo escuro seja a quantidade certa de negrito. Dessa forma, o estilo geral de design não sofre muito.

Dica Kimp: Se você acha que a versão mais leve da fonte que você geralmente usa não funciona para seus designs de marca, recomendamos a criação de fontes personalizadas. Sim, desta forma, você pode se inspirar na fonte anterior, mas modificá-la para se adequar à sua marca e expressões de design.

Evite vibrações visuais com design de modo escuro pensativo e fontes personalizadas. Inscreva-se para uma assinatura da Kimp Graphics para obter isso agora!

5. Atualize os elementos de design para trabalhar no modo escuro

Cobrimos cores e fontes, mas o design de um boletim informativo também tem muitos outros elementos. E isso inclui ícones, logotipos, nomes de marcas, imagens e assim por diante. Eles também precisam funcionar bem no modo escuro para que o design seja um sucesso.

Agora, se você observar os exemplos que temos abaixo, você pode ver como os ícones com fundos escuros parecem muito diferentes no modo escuro do que no modo claro. Às vezes, seu logotipo também pode desaparecer quando o consumidor visualiza o e-mail no modo escuro. Portanto, seu design deve ter elementos que funcionem bem com esse modo.

Como você faz isso?

• Bem, para começar, comece usando arquivos png com fundos transparentes para ícones, logotipos, estilo de nome de marca e assim por diante.
• Se o elemento em si tiver um fundo escuro ou vier na cor preta, como o logotipo do TikTok, considere adicionar um traço branco ao design preto. Isso adiciona peso ao design e o separa do plano de fundo.
• Alguns designs de newsletter também têm texto sobreposto às imagens de fundo. Se o seu texto for branco, o modo escuro será invertido para preto. Portanto, escolha uma imagem de fundo que não entre em conflito. Caso contrário, considere adicionar uma camada entre eles.

Dica do Kimp: Se você é uma pequena empresa que está iniciando os designs de marca, certifique-se de que sua equipe de design crie ativos que funcionem bem no modo escuro. Para não dizer que você não pode ter logotipos pretos, mas certifique-se de que eles forneçam o arquivo png.

Você sabia? Com o Kimp Graphics, você tem a propriedade completa de todos os arquivos e compartilhamos os designs em vários formatos para que você possa aproveitá-los ao máximo.

6. Não se esqueça de suas ilustrações

Vivemos em uma época em que o design gráfico se afastou de imagens de banco de imagens ou mesmo fotografias em e-mails. Sim, ilustrações e rabiscos são as tendências atuais, e com razão. Eles mostram a personalidade da sua marca da melhor maneira possível e você não deve renunciar a qualquer custo.

Mas como as ilustrações da marca vêm com cores predefinidas, elas representam um desafio quando você está otimizando sua newsletter para o modo escuro. Mas não impossível de fazer. Se a sua marca não suporta mudar a cor das ilustrações por motivos de branding, uma equipe de design profissional pode ajudá-lo.

Eles podem separar o plano de fundo com a ilustração de primeiro plano e alterar as camadas para que o design funcione bem no modo escuro.

E se você estiver criando novas ilustrações, certifique-se de incluir a compatibilidade com o modo escuro em seu resumo de design. E trabalhe com a equipe de design para escolher cores pastel e não saturadas para a ilustração.

7. Teste, teste, até ficar perfeito

O último e mais importante passo para otimizar seus designs de newsletter para o modo escuro é experimentar até acertar. Como cada cliente de e-mail renderiza o e-mail no modo escuro de maneira diferente, é praticamente impossível acertar na primeira vez. Sem mencionar que a cor varia entre as telas e a experiência do usuário também.

Mas se você se comprometer a testar, analisar e experimentar, estará no caminho certo.

Verifique o e-mail em todos os dispositivos e nos modos escuro/claro. Entenda como a cor, a fonte e a renderização da imagem variam. Volte para a prancheta ou reunião da equipe de design para trabalhar nos problemas.

Crie newsletters compatíveis com o modo escuro com o Kimp

Você está orgulhoso de suas campanhas de newsletter? Você adora criar conteúdo para ele todos os dias? Estamos muito felizes em saber disso e você deve continuar a fazê-lo. Não se deixe intimidar pelas mudanças nos estilos de design ou tendências.

Kimp está aqui para lidar com tudo isso para você. Sim, sabemos que encontrar o estilo de design perfeito para o modo escuro é um processo longo, mas estamos com você. Nossos serviços de design ilimitados (Kimp Graphics e Kimp Video) são projetados especialmente para esses cenários. Para que você possa experimentar e obter o melhor design sem se preocupar com o orçamento.

Então inscreva-se em nossas assinaturas hoje e comece a otimizar!