6 tendências de web design que estão mudando a aparência do marketing

Muitos eventos significativos aconteceram em 2010.

O edifício mais alto do mundo foi oficialmente inaugurado em Dubai, o Space X lançou com sucesso a Dragon Capsule, a Apple lançou o iPad e Ethan Marcotte criou um web design responsivo.

Percorremos um longo caminho desde as páginas da web cujo único propósito de design era deslumbrar os visitantes com uma exibição colorida de imagens, como esta:

O design da Web agora se concentra na funcionalidade e na experiência do usuário. E por que não, quando 46,1% das pessoas consideram o design o principal critério para determinar a credibilidade do negócio.

o design da página de destino pós-clique exerce o mesmo poder. Na verdade, a Numara Software foi capaz de melhorar a taxa de conversão de formulários em impressionantes 133% apenas alterando a fonte da página.

Os padrões de design mais recentes não se concentram mais no uso de elementos visuais chamativos, como fontes de cor vermelha e passagens destacadas em amarelo para guiar o visitante em direção a um botão de call to action piscando. Portanto, você não precisa olhar para as páginas que se parecem com isto:

No passado, discutimos as tendências da página de destino pós-clique que estavam em alta em 2018. Hoje veremos as tendências de design da web que ajudarão a aumentar suas taxas de conversão em 2019.

1. Layout baseado em cartão

A Intercom prevê que o design baseado em cartão será o futuro da web porque lhe dá a oportunidade de exibir grandes quantidades de cópias ou imagens de uma maneira mais organizada e contar sua história com mais rapidez.

Um layout de página baseado em cartão garante que haja pontos de interrupção visuais entre os elementos da página. Além disso, a abordagem remove a desordem - independentemente da quantidade de cópias e imagens que você coloca na página. Além do mais, o design baseado em cartão é um excelente substituto para o controle deslizante de página tradicional.

A página inicial do Essentials usa um layout de página baseado em cartão para mostrar imagens selecionadas por um grupo de criativos globais:

2. Páginas de rolagem longa

Obter todas as suas informações vitais acima da "dobra" era um princípio de design que muitos profissionais de marketing acreditavam que, se um visitante não pudesse ver o botão de CTA, ele nunca se envolveria mais com você ou compraria.

Essa prática está morta. Páginas da web “curtas” que contêm todas as informações importantes acima da dobra não são mais consideradas a norma para taxas de conversão mais altas. Os usuários da web de hoje esperam rolar. Eles estão ansiando por mais informações, seja na forma de 10 postagens de blog ou em páginas de destino de pós-clique de longa rolagem.

A página de rolagem longa permite que você conduza os visitantes em um tour visual de sua oferta, fornecendo respostas a quaisquer perguntas que eles possam ter antes de agirem na página.

Uma página da web ou landing page pós-clique que obriga o usuário a navegar pela sua oferta apaga as dúvidas e lhe dá a oportunidade de contar uma história mais detalhada.

Um menu de rolagem pegajoso melhora a experiência de navegação do visitante, pois ele é encarregado de onde se mover na página. O visitante está sempre encarregado de onde deseja navegar, graças ao menu de rolagem pegajoso.

Isso é o que o Mugs faz com sua página:

3. Tipografia dramática

Maior acesso a melhores resoluções de dispositivo, velocidades de internet mais rápidas e toda uma gama de fontes criativas (graças ao Google Fonts e Adobe Typekit) tornam a tipografia dramática em páginas da web e páginas de destino pós-clique uma transição natural. A tipografia dramática permite que você estabeleça a identidade de sua marca e dá a você a chance de aprimorar a experiência de conteúdo para seus visitantes.

Seja aventureiro com suas escolhas de tipografia. Porém, lembre-se de que a legibilidade deve ser sua prioridade, pois se a fonte não for legível, não adianta incluí-la em nenhuma página da web.

Experimente aumentar o tamanho da fonte para obter um efeito dramático ou contrastar a cor da fonte com a de seus arredores. Como regra, limite as fontes a dois tipos por página da web para não desviar os visitantes da meta de conversão.

Por exemplo, o Outbrain usa fontes grandes em sua página de destino pós-clique que chamam a atenção imediatamente assim que você chega na página:

4. Microinterações

Microinterações ocorrem entre interações maiores e aprimoram a experiência da página móvel para os visitantes, permitindo que eles saibam que já realizaram uma ação específica. Por exemplo, clicar em um botão e testemunhar a mudança de cor ou ouvir um determinado som depois de executar uma ação específica.

Essas interações menores ajudam os visitantes a visualizar os resultados de suas ações, como esta da Nike:

Microinterações também podem ajudar os visitantes a entender layouts fora do padrão, como telas divididas verticais ou um layout baseado em cartão, e incentivar os visitantes a clicar em uma frase de chamariz:

Outra maneira de usar microinterações em suas páginas para celular é dando um tutorial animado de como seu produto funciona (e tendo pontos de navegação na parte inferior para mostrar aos visitantes qual estágio eles estão visualizando):

5. Bloqueio de cor

O bloqueio de cores envolve o uso de cores diferentes para criar um mosaico. Você pode usar o bloqueio de cores em conteúdo ou páginas da web pesadas com imagens para separar os elementos e dar-lhes espaço para respirar.

Isso é o que a página inicial do Wrist faz:

Você também pode emparelhar a técnica de design de bloqueio de cores com estados de foco e fazer com que os blocos de cores mudem de cor quando os visitantes movem seus cursores sobre o bloco.

Para demonstrar, a página inicial Barn + Co usa bloqueio de cores e estado de foco simultaneamente:

Embora não seja uma página de destino pós-clique, a Barn + Co mostra que está à frente da curva na implementação de novas tendências de design em seu site. Esses tipos de elementos interativos ajudam a melhorar a experiência do usuário e o envolvimento geral com sua marca.

6. Usando telas como páginas

Você já teve dificuldade em determinar o layout de página mais apropriado para uma página de vendas de formato longo? Não lute mais; essa tendência é para você. Usar telas como páginas fornece um novo significado para a rolagem da página da web.

Quando você usa telas como páginas, na maioria das vezes, está configurando cada tela em uma dobra para funcionar como uma página separada - que tem sua própria imagem, título, etc.

Se as páginas de rolagem longa não são para você ou seus visitantes, as telas como páginas podem ser uma excelente alternativa para manter tudo organizado e, ao mesmo tempo, fornecer as informações necessárias.

O Google app usa telas como páginas:

Você pode alternar entre a tela do cabeçalho de navegação, rolando com o mouse ou usando as teclas de seta.

Reinvente a roda de rolagem da página usando suas telas como páginas.

Quais estilos de web design combinam mais com sua marca?

O design da página da Web deve se concentrar na experiência e na funcionalidade do usuário. Cada elemento que você inclui deve ser adicionado à sua meta de conversão e servir a um propósito individual.

Acha que seus visitantes preferem uma experiência visual? Use design baseado em cartão. Tem uma oferta bastante complicada para promover? Use uma página de rolagem longa para explicar cada pequeno detalhe e persuadir os visitantes a realizarem conversões em sua meta.

Qual tendência de design você acha que mais se adapta às suas páginas da web? Por favor, comente abaixo e nos informe.

Ainda não começou a criar páginas de destino pós-clique? Projete páginas de destino pós-clique de alta qualidade, inscreva-se para uma demonstração do Enterprise hoje mesmo.