O que faz uma ótima landing page?

Simon McCade Blocked Unblock Seguir Seguindo 3 de janeiro

Explore o processo de design por trás de alguns ótimos exemplos de páginas de destino com o designer UI e UX baseado em Bristol, Simon McCade.

É mais crítico para os negócios do que nunca ter uma página de destino que capte a atenção de seus visitantes antes de irem para o temido botão “Voltar”. Felizmente, no entanto, o processo de design de uma ótima página de destino pode ser muito mais informado e calculado do que nunca – o truque está em descobrir quais elementos centrais são necessários para alcançar essa importante passagem.

Ninguém gosta de andar por aí. Se você não der aos visitantes do seu site o que eles querem ou, na verdade, explicar o que você acha que eles devem querer em questão de segundos, eles estarão prontos para encontrar uma alternativa melhor. Tradução: você perde vendas.

Se é um ponto de dor muito familiar para você que as pessoas estão fazendo mais saltos do que convertendo, aqui é onde você descobre o que suas landing pages podem estar perdendo e, claro, o que você pode fazer para corrigir isso.

Aqui estão os princípios que devem estar no centro de qualquer página de destino, seja para uma startup B2C corajosa passando por um lançamento ou um gigante B2B estabelecido passando por uma reformulação:

Uma proposição de valor direta

Simplificando, se um usuário tiver que trabalhar duro para entender o que você está oferecendo, ele não trabalhará duro para lhe dar tempo ou dinheiro. Os benefícios dos recursos devem ser imediatamente claros e isso pode ser realmente reforçado pelo ótimo design.

Se um usuário tiver que trabalhar duro para entender o que você está oferecendo, ele não trabalhará duro para lhe dar tempo ou dinheiro.

Tome Headspace , por exemplo. A página de destino do aplicativo popular não é apenas visualmente impressionante, mas também deixa claro como é o dia. Facilita o visitante na experiência com a visão em túnel – o cabeçalho e o subtítulo complementados por dois apelos à ação claros obtêm a proposição de valor em apenas 15 palavras. A impressão de calma e eficiência que isso comunica é uma das razões pelas quais ele foi baixado mais de um milhão de vezes.

App Headspace – Uma clara proposta de valor

Uma interface limpa e simples

A maioria dos serviços de design vai gritar sobre a importância da interface do usuário a partir dos topos das montanhas, mas muitos não acertam em todos os níveis. Se for um aplicativo ou algum software que você está vendendo, o produto em si pode prometer uma UI incrível que supera todas as expectativas do usuário, mas se a “vitrine” da página de aterrissagem criar uma barreira entre o usuário e o produto por causa de uma UI mal projetada, a viagem gaguejará e os negócios serão perdidos.

O Duolingo possui uma landing page que vai direto ao ponto crucial do desejo das pessoas de aprender um novo idioma de uma maneira que seja fácil de navegar e entender. Há praticamente zero desordem – o acesso ao produto, todos os idiomas que ele oferece e todos os dispositivos e plataformas nos quais ele está disponível são imediatamente claros, portanto não há necessidade de lidar com o site para encontrar o que você deseja. Isso torna toda a experiência agradável e gratificante, e o mesmo sentimento se aplica à gamificação do aplicativo em si.

Duolingo – Um design de página de destino organizada

UX consistente com outras atividades de marketing

Consistência é fundamental – você já ouviu isso um milhão de vezes, mas é verdade em todos os aspectos da vida digital. Os usuários não esperam apenas uma experiência consistente em um programa ou site, mas exigem uma experiência consistente em todos os pontos de contato, seja via e-mail, mídia social ou na loja.

Para um site que construiu seu nome em semelhança e interconectividade, o IFTTT oferece um excelente exemplo de uma página de destino alinhada à sua experiência geral do usuário. O estilo com o qual ele comunica seu principal benefício de tornar a vida mais inteligente é tão óbvio em seu email marketing quanto em sua landing page.

IFTTT – Design consistente que comunica a natureza do software

Uma estrutura lógica com cópia matadora

Tudo precisa trabalhar em conjunto quando se trata da página de destino perfeita. Não se trata apenas de design, não é apenas sobre cópia, não é apenas uma grande oferta. É realmente sobre tudo se reunindo em uma página coesa estruturada que mostra ao usuário a imagem completa.

Não se trata apenas de design, não é apenas sobre cópia, não é apenas uma grande oferta.

A Apple sempre fez isso muito bem quando se trata de utilizar a cópia para colocar o usuário em primeiro lugar. É tudo sobre “você” e “suas” necessidades e eles posicionam os produtos de tal forma que os faz parecer uma necessidade absoluta para atender a essas necessidades.

Apple – Design centrado no usuário para produtos centrados no usuário

Um CTA direto ao ponto

Se o tempo de atenção de um usuário estiver no lado mais curto, mexer em ação o mais rápido possível não poderia ser mais importante. É um bom equilíbrio em um mundo digital tão freneticamente competitivo, mas os concorrentes estão continuamente envolvidos em jogos de excelência quando se trata de projetos, estruturas de preços e atendimento ao cliente.

A indústria de streaming de música vê uma dessas batalhas entre Spotify e Deezer . O primeiro pode ser um pouco mais antigo que o anterior, mas eles se viram lutando na mesma idade de entretenimento sob demanda com essencialmente o mesmo produto pelo menor preço e melhor UX. Conseqüentemente, os calls-to-action em ambas as páginas de destino são financeiramente motivados para ir direto ao problema principal que a maioria das pessoas tem sobre streaming de música: o preço.

Spotify – Design despojado, mas poderoso, que atrai os usuários para o preço

Como demonstrado aqui e em muitos dos botões de registro ou inscrição, os verbos imperativos dão uma sensação real de urgência nas CTAs: ‘Obtenha Spotify Free’ e ‘Try Deezer Premium’, o último dos quais é precedido por uma menção ao preço uma sensação de ‘necessidade’ em oposição a ‘querer’.

Deezer – Um CTA simples que une custo com qualidade

Os verbos imperativos dão um senso real de urgência nos CTAs

Uma quantidade confiável de prova social

Quer queiramos ou não, muitas das nossas decisões são tomadas com base naquelas que já foram feitas por outros. Pense em como as revisões cruciais são para o ciclo de compra agora; Não é à toa que sites como o Trustpilot e o Yelp estão voando. Um relatório da Mintel descobriu que 70% dos compradores americanos buscavam ativamente avaliações antes de fazer compras – e isso foi em 2015.

Prova de outros que algo realmente vale seu tempo e dinheiro não é apenas sobre opiniões em depoimentos e resenhas; Os números de usuários e os números de vendas geralmente podem resolver o problema.

O Shopify utiliza esses tipos de prova social com números impressionantemente grandes e depoimentos positivamente brilhantes em sua landing page. Eles podem estar abaixo da dobra, mas estão estrategicamente posicionados baixo o suficiente para adicionar mais incentivo ao tipo de usuário de rolagem que ainda pode ter uma ou duas dúvidas sobre como se comprometer com a empresa em questão.

Shopify – Poder para as pessoas com design

Tornou-se um truque moderno que funciona e outra vez, por isso é uma parte crítica de qualquer landing page que valha a pena.

Público diferente, página de destino diferente

Pode haver uma série de semelhanças entre as principais páginas de destino nos dias de hoje, como podemos ver acima, mas a verdade é que não há estrutura definida para o design ideal para “uma página de destino”. Todos esses exemplos dependem de comportamentos de pesquisa exclusivos, ciclos de compra e uso de dispositivos e assim por diante, mas os princípios básicos aqui devem ser a base sobre a qual você cria suas respostas diretas aos requisitos de seu público. Faça isso direito e sua página de destino fará você certo.

Você está no processo de projetar uma nova página de destino? Entre em contato hoje para discutir como posso ajudá-lo a incorporar todos os elementos de design de UI e UX necessários para torná-lo um sucesso.