6 dicas de design que aumentarão as taxas de conversão

Quer ser deixado em um pequeno segredo? O tempo médio de atenção humana não é superior a oito segundos. A taxa média de rejeição de uma loja de comércio eletrônico? 45,68%.

Esses são dois números insanos! As pessoas ficarão entediadas em menos de oito segundos e pouco menos da metade dos visitantes do seu site sairão antes de viajar para uma única página. Isso significa que você tem menos do que esses oito segundos para capturar adequadamente a atenção de alguém antes de sair do site da sua loja.

É por isso que a otimização do site e o design amigável da experiência do usuário (UX) nunca foram tão importantes, o que se aplica não apenas às páginas de produtos, mas também às promoções no site. Entre as implicações de SEO e seus próprios resultados, fica claro que você precisa capturar a atenção e rapidamente.

Abaixo, veremos seis dicas de design que ajudarão você a otimizar sua experiência no site e melhorar a personalização (assim mantendo a atenção por mais tempo) em todos os visitantes do seu site.

1. Não faça muito

A regra de ouro dos pop-ups é não exagerar. Um design excessivamente ocupado pode ser um impedimento para os visitantes do site interessados. Um fundo movimentado combinado com cores fortes, muitos elementos (texto e/ou imagens) sobrecarregarão os compradores e eles provavelmente perderão sua mensagem no processo. Crie designs que tenham linhas limpas e atraem rapidamente os olhos dos consumidores para onde você deseja: um CTA brilhante, uma bela fotografia de produtos ou o negócio de uma vida que você está oferecendo aos assinantes. Seja qual for o objetivo de suas promoções, certifique-se de que seja o ponto focal do seu design com todos os elementos apontando o caminho para ele.

Dica profissional: verifique se há espaço em branco suficiente para um design sem aglomeração que seja visualmente atraente, levando em consideração o tamanho de todos os elementos incluídos (ou seja, imagens ou campos de formulário).

2. Uma imagem vale mais que 1000 palavras

As imagens são uma das formas mais poderosas de chamar a atenção e mostrar aos visitantes sobre o que é o seu site. Você pode escolher entre:

• Foto de fundo completo x elemento menor
• Estilo de vida x imagens do produto
• Fotos x GIFs
• E muito mais

Existem inúmeras opções de como dar vida à estética da sua marca em um pop-up. Aqui na Justuno, recomendamos testar quais visuais são os conversores mais eficazes em suas promoções. Faça um teste A/B na lista acima para descobrir qual versão produz os melhores resultados na conversão de seus visitantes. Alguns de nossos gerentes de conta têm muito sucesso usando imagens de estilo de vida em vez de fotos de produtos, enquanto outros dizem que o público mais velho prefere fotos tradicionais de produtos.

A segunda parte a ter em mente é garantir que todas as fotos que você usa sejam de alta qualidade - isso significa que não são permitidos gráficos pixelados ou borrados! Eles não apenas parecem pouco profissionais, mas também prejudicam a mensagem de sua promoção e reduzem a confiança dos compradores em seu site.

A chave aqui é conhecer as preferências do seu público, o que mais despertará seu interesse e usar recursos visuais de alta qualidade para entregá-lo.

Dica profissional: Ao criar promoções Justuno: PNGs são melhores para fundos transparentes e JPEGs são melhores para fotos.

3. Deixe as pessoas irem embora

Os botões de saída são um componente crítico das promoções. Muitos visitantes ficarão irritados se você dificultar o fechamento de uma promoção ou, pior ainda, não dar a opção.

Agora, isso não quer dizer que você não pode se divertir um pouco com isso, uma tendência comum on-line é usar uma cópia de CTA atrevida para coisas como: Eu gosto de pagar o preço total ou descontos não são realmente minha coisa . É uma ótima oportunidade para injetar alguma personalidade de marca em sua experiência no local e se divertir com os consumidores. Se você usar esse estilo de desativação, geralmente recomendamos incluir um X no canto, pois às vezes os consumidores não entendem que fechará o pop-up, levando a uma sessão rejeitada.

Este é outro momento em que o teste A/B é útil, se você quiser comparar o desempenho de opt-outs espirituosos com o tradicional, posicionamento de botões etc. Tudo o que importa é você dar aos seus visitantes uma saída

Dica profissional: para pop-ups móveis, recomendamos o uso de botões para que haja mais “áreas clicáveis” do que apenas usar um 'X' no canto.

4. Misture tudo

Isso não é algo que fará sentido para todas as marcas, mas mudar a forma do seu pop-up de um quadrado ou retângulo para algo como um de seus produtos (por exemplo, garrafa de vinho) ou um splat pode aumentar as conversões. Obviamente, isso é algo que precisa funcionar com sua marca e ser bem feito, mas isso pode levar um pop-up de outra forma para o próximo nível.

Incorporar produtos em suas promoções pode ser uma ótima maneira de não apenas personalizar o aspecto visual da promoção, mas também despertar o interesse dos visitantes sobre seu inventário.

Desde personalizar um spin-to-win para se parecer com um carregador, relógio ou válvula de motor até opt-ins por e-mail de garrafa de vinho e caça-níqueis em forma de casinha de cachorro - não há limite além da criatividade para as possibilidades de design com Justuno. Confira alguns dos nossos designs favoritos ao longo dos anos:

Como sempre, nem tudo funcionará para todos os sites e não force algo que não se encaixe na estética do seu site. O design pop-up não é uma estratégia de tamanho único!

5. Facilite: compras com um clique

Qualquer mensagem no site que você estiver executando em seu site não deve atrapalhar a experiência do usuário, mas fornecer algo que ajude ou agregue valor. Utilize elementos que tornam a jornada do cliente mais rápida ou fácil em seus pop-ups para aumentar as conversões e reduzir as barreiras à compra.

Isso pode ser tão simples quanto um botão adicionar ao carrinho diretamente na promoção. Use estratégias de upselling e cross-selling para aumentar o AOV apresentando produtos relevantes, implemente isso em pop-ups tradicionais, promoções na página ou recomendações de produtos com inteligência artificial para ganhos rápidos.

Quanto menos etapas você solicitar aos visitantes entre a navegação e a compra, ajudará a reduzir o abandono de carrinho e a mover os consumidores pelo funil mais rapidamente.

6. Estratégia de cores

Ao escolher as cores para suas promoções, o primeiro passo é seguir o guia da sua marca e combinar com a estética geral do seu site. Mas isso não significa que você tem que ficar com quatro cores o tempo todo!

O alto contraste em seus elementos de interface do usuário é importante, não queira que as coisas pareçam totalmente fora do lugar, mas elementos importantes como: CTAs, oferta de desconto etc. devem ter um destaque para se destacar do resto da promoção.

Outra parte de sua estratégia de cores deve ser considerar a acessibilidade e como os consumidores daltônicos podem perceber sua promoção. Tipos comuns de daltonismo fazem com que a percepção de vermelho/verde seja alterada, o que é algo a ter em mente ao criar uma paleta de cores de marketing.

Use uma roda de cores para ajudá-lo a encontrar cores complementares (cores em frente umas das outras) para combinações brilhantes ou tons monocromáticos (vários tons de uma cor) para uma vibração mais sutil.

A cor é uma parte fundamental do design e escolher cores estrategicamente para o máximo impacto é uma das muitas maneiras de aumentar o desempenho.

Pensamentos finais

O design é uma parte fundamental do desempenho do seu pop-up. De um nível fundamental de cores a espaçamentos/linhas esteticamente agradáveis ​​e CTAs estratégicos – essas escolhas podem fazer ou quebrar sua promoção.

Ao manter o foco no consumidor e em suas necessidades, você criará pop-ups que aumentarão sua experiência no local e, por fim, converterão mais visitantes em clientes.

Quer aprender mais? Confira nossas sugestões de design específicas para dispositivos móveis ou leve suas mensagens no local para o próximo nível com animação.