Belas Dicas e Exemplos de Páginas de Aterrissagem

Centenas de artigos espirituosos foram escritos sobre o tema das landing pages. Todos conhecemos os fatos básicos - que são as páginas que um visitante acessa depois de clicar em um banner ou em um link promocional e que desempenham um papel crucial no marketing ao converter leads em clientes para o negócio. No entanto, quando se trata de criar uma landing page, as coisas parecem ser muito mais delicadas do que você esperaria depois de passar pela documentação de instruções. É por isso que hoje escolhemos compartilhar uma coleção de exemplos reais de páginas de destino para inspiração.

De acordo com uma classificação bastante acadêmica que você pode encontrar na Wikipédia, as páginas de destino se enquadram em duas categorias principais: de referência e transacional. Se eles devem ser chamados de referência, as páginas devem exibir informações que sejam atraentes e relevantes para o visitante (texto, multimídia). As páginas de destino "transacionais" são aquelas que visam vendas imediatas ou, pelo menos, capturam leads de vendas fortes.

Como você provavelmente concordará comigo, todas as páginas de destino atendem aos dois critérios: elas informam o visitante sobre a oferta e incitam ações do seu lado. Caso contrário, não precisaríamos de calls-to-action em absolutamente nenhuma página de destino.?

O que precisa ser claro antes de iniciar qualquer página de destino no www é a natureza da ação dos visitantes desejados. Aumentar o número de inscrições em boletins informativos é sua meta? Em seguida, crie um CTA com a mensagem "Inscreva-se agora em nosso boletim informativo". Você pretende fazer compras de teste de visitantes? Então diz. De um modo geral, a receita essencial é fazer com que sua página de destino expresse essa oferta da maneira mais clara e atraente possível..

Dicas para criar uma landing page

Algumas dicas rápidas para começar ao projetar uma página de destino:

1. Use o princípio da AIDA

Esta é uma cadeia de eventos que desejamos que aconteça quando um lead alcança a plataforma exibindo o produto ou serviço promovido. Principalmente, os passos são:

1. Consciência - atrair a atenção do visitante
2. Interesse - que pode ser despertado, destacando os benefícios para o cliente
3. Desejo - induzir nos clientes a ideia de que eles quer o produto ou serviço
4. Açao - clientes executando o processo de compra

2. Não muitas distrações; deixar uma saída

A ideia é simples. Se a página de destino não tiver praticamente nenhuma opção de navegação, exceto o botão de CTA, os visitantes forçarão sua saída. Não pense que, se você não fornecer nenhuma navegação, eles não encontrarão uma maneira de sair - eles o farão, talvez até mesmo desligando o navegador. E esses visitantes vão não volte.

3. Faça passar o teste de piscar

Normalmente, uma landing page tem que chamar a atenção do visitante nos primeiros 3 segundos de entrada. Se o convidado pisca e não consegue ver claramente o que deve encontrar na página ou não está interessado no que viu, é mais provável que ele se afaste de mãos vazias..

4. Não crie falsas expectativas

A página de destino precisa ser consistente com as dicas fornecidas pelo anúncio original ou vice-versa. Os visitantes precisam encontrar na página de destino o que eles prometeram pela primeira vez no anúncio em que clicaram.

Como prometemos, vamos percorrer algumas páginas de destino bem projetadas e eficientes de B2B e B2C. Vamos explorar seus pontos fortes e fraquezas inevitáveis. Fique atento para o seguinte na galeria abaixo: indicadores de comunicação visual, marca e confiança, eficácia do conteúdo, calls-to-action.

Vitrine: belas páginas de destino

99Designs

Esta é a versão de uma página de destino direcionada a designers e alunos. O 99Designs também tem uma página de destino para o outro lado: empresas que precisam de designs. Quanto a este, é muito eficaz em termos de endosso (veja os depoimentos ousados) e realmente fala a linguagem do público com figuras e indicadores de confiança (número de membros da comunidade, quantidade de dinheiro que ganhou). Observe o tom vermelho brilhante do botão CTA único - isso geralmente é algo a ser evitado, mas neste caso em particular ele não é perturbador, pois combina com a cor do logotipo.

123RF

O 123RF faz uma declaração clara de propósito nesta página de destino com o controle deslizante de imagem e as quatro caixas de medianas. Você compreende em um instante o que é o serviço e como pode usá-lo (Pesquisar, Inscrever-se, Pagar conforme o uso, Comprar Assinatura). O fundo cinza claro é discreto e coloca o destaque na essência, que é a imagem. O que eu pessoalmente acho que eles podem melhorar é a lista de categorias de fotografia de estoque, é um pouco recheada. E o CTA é um pouco sutil demais para as caixas clicáveis.

Favomatic

Eu absolutamente amo o design desta landing page. Há contraste, bons slogans em cada seção e traz muita informação sem forçar você a ler tudo (a pequena fonte faz tudo). Ele tem navegação, mas vertical, rolando, o que reduz consideravelmente as taxas de salto.

BiznessApps

Apelos à ação fortes, slogan enfatizado e uma lista impressionante de recomendações - esta é a combinação certa para uma página de destino e esta página a possui. Além disso, inclui uma quantidade mínima de texto e usa um vídeo de demonstração, já que é um fato conhecido que as pessoas preferem assistir a um curta-metragem do que ler. O formulário é um elemento no qual eles podem melhorar um pouco. Normalmente, você deve dar o primeiro antes de conseguir, por isso, se em troca de enviar o formulário, os visitantes podem receber ofertas gratuitas, o botão "Enviar mensagem" pode dizer algo como "Obtenha seu material gratuito agora!"

Brusheezy

Outra prova menos é mais. Esta landing page parece muito legal com um único ícone e um cabeçalho proeminente. Observe as duas frases de chamariz, na parte superior e inferior - este é um método infalível para tornar a mensagem persistente sem superpopular a página. Destacar os benefícios para os clientes em vez dos recursos do produto é outro vencedor.

Fuga de presos

Esta página pode estar um pouco cheia, mas é na tradição das páginas de destino dos aplicativos. No entanto, a decisão de dividir a página em segmentos facilita a navegação por todos os elementos. Você pode encontrar tudo o que você pode estar procurando: recursos, benefícios, depoimentos e até mesmo uma garantia de reembolso se você não estiver satisfeito com o resultado. O último é bastante arriscado, pois pode levantar questões sobre a qualidade do serviço, e foi uma boa ideia colocá-lo na parte inferior.

PageLines

Minimalismo é o conceito chave aqui. Eu pessoalmente gosto que esta página não lhe diga tudo de imediato, mas convida você a descobrir. O que eu não acho tão agradável, no entanto, é um vídeo que começa automaticamente (um recurso que eu geralmente evito) - mesmo que Andrew Powers não seja apenas habilidoso, mas também bonito! Além disso, o fato de não haver CTA imediato pode ser uma desvantagem para o site.

Pico

Esta página de destino é simples, mas poderosa. O sinal vermelho "maior que" é sal e pimenta para a aparência geral. O arranjo do parágrafo assemelha-se a um layout de jornal e é bastante sugestivo para o propósito do CMS. Os botões do CTA são um pouco fracos demais, e a dama no canto inferior direito causa uma leve distractina; com muita surpresa em seu rosto, ela parece que é capaz de negociar um assunto de negócios?

Shoeboxed

As linhas descritivas para cada uma das seções são um exemplo de uso de linguagem descritiva. Você entende a mensagem em uma fração de segundo, pois sua linha de visão varre rapidamente a primeira linha e chega ao botão de CTA. Se você ainda está hesitante, há um testemunho para ajudar, juntamente com fortes apoios - você não confia em uma empresa que é destaque na Forbes e Tech Crunch? Eu gostaria.

SquareSpace

Profissional procurando página de destino, isto é. Um slogan arrojado, botões CTA que você não resiste a clicar e um ótimo endosso, esta é a combinação para o sucesso. Também gosto que eles coloquem seu contexto de uso no centro da página, com uma captura de tela da aparência de suas páginas e de indicações semelhantes a infográficos. A estrutura de 3 elementos da página é outro ponto forte.

Nota do editor: Este post foi escrito por Laura Moisei para Hongkiat.com. Laura é bacharel em Ciências da Comunicação e passa a maior parte do tempo buscando a paixão pelo design e pela escrita. Ela trabalha no 123ContactForm, um formulário on-line e criador de pesquisas que ajuda os usuários a criar formulários bonitos para qualquer página da Web..