Venngage

Sejamos honestos, é difícil redesenhar as suas páginas de aterragem. Mas criar páginas de aterragem do zero é ainda mais difícil.

Que tipo de páginas de aterragem são mais adequadas para a sua indústria? Que tipo de página de aterragem deve criar para um caso de uso específico? Como você consegue o delicado equilíbrio entre um ótimo design de página de aterrissagem e uma cópia?

Confie em mim, eu já estive lá e tive as mesmas perguntas. O que mais me ajudou em situações como esta é procurar inspiração.

Neste guia, vamos partilhar alguns dos melhores exemplos de páginas de aterragem que encontramos online, abrangendo várias indústrias e casos de uso.

Aqui está o que este guia irá cobrir (clique para saltar adiante):

1. Exemplos de páginas de aterragem de software
2. Exemplos de páginas de aterragem de produtos
3. Exemplos de páginas de aterragem de comércio electrónico
4. Exemplos de páginas de aterragem de aplicações
5. Exemplos de páginas de aterragem em breve
6. Exemplos de Páginas de Aterragem da Agência e Consultoria
7. Exemplos de Páginas de Aterragem do Ebook

Também já temos alguns dos nossos modelos de páginas de aterragem para que possa começar já a criar as suas próprias páginas de aterragem!

Procura de inspiração para apimentar o redesenho da sua página de aterragem? Veio ao sítio certo.

Como utiliza os nossos modelos de páginas de aterragem?

Existem muitas formas de utilizar os nossos modelos de páginas de aterragem. Aqui estão três deles:

1. Maquete para a sua própria página de aterragem: Comunicar como devem ser as suas páginas de aterragem com designers ou engenheiros pode ser complicado, a menos que crie uma maquete para visualizar e comunicar as suas ideias.
2. Angariar fundos para o seu arranque: A sua página inicial pode ainda não ter uma página inicial, mas isso não significa que não consiga angariar dinheiro. Uma maquete de página de aterragem feita por si incluída no seu deck de investidores pode dar vida à sua ideia e convencer os investidores a apoiá-lo.
3. Ganhe novos clientes para a sua agência: Quer fechar mais negócios e fazer mais vendas? Concentre-se em mostrar, não diga. Personalize um modelo de página de destino para mostrar aos clientes como poderia ser sua nova página de destino se eles trabalharem com você. Anexe a página com a sua proposta ou o seu plano de negócios.

Por exemplo, esta página de ecommerce landing page está optimizada para conduzir as vendas e pode ser usada como uma maquete para a sua página de aterragem final:

CREATE THIS TEMPLATE

Este é, no entanto, apenas um caso de uso. Você também pode criar páginas de destino para:

• Converta os visitantes do site em inscrições de teste para o seu software.
• Convita os visitantes a baixar o seu aplicativo móvel.
• Vende seus produtos digitais e físicos online.
• Valide uma nova idéia de negócio antes de decidir fazer tudo.
• Gerar novos leads para a sua agência ou empresa de consultoria.

Vamos mergulhar mesmo em.

Exemplos de páginas de aterragem de software

Página de aterragem de software Stripe

Quando se trata de páginas de aterragem de software, fiquei atordoado com o recente redesenho da página de aterragem do Stripe.

Stripe é um dos maiores startups de serviços financeiros deste planeta que se orgulha de saber três coisas muito bem: finanças, tecnologia, e design.

E a sua propensão para um bom design e experiência do utilizador reflecte-se nesta página de aterragem do software:

Source

Para ser completamente objectivo, o design da sua página de aterragem tem muitos sinos e apitos chiques.

Estou falando sobre a animação de gradiente que poderia afetar a velocidade e a bateria da página, má legibilidade do texto, falta de clareza e pequena chamada para ação (CTA), etc.

As suas páginas de pouso do software devem ficar longe de qualquer sino e apito. O meu conselho? Mantenha-o simples.

Página de aterragem de segunda-feira

No tópico de manter simples, o design minimalista da página de aterragem tem sido até agora uma das mais populares tendências de design gráfico em 2020.

Quem melhor para mostrar como exemplo do que segunda-feira? A sua página de aterragem é limpa, minimalista e fácil aos olhos:

Source

Bonus points for the hard-to-miss red CTAs and the autoscrolling use cases in the hero section that showcase all the ways teams and departments can use Monday.

Modelo de página de aterragem do software de navegação

Se você é como eu e adorou como a segunda-feira se aproximou do design da página de aterragem deles, eu tenho um modelo de página de aterragem de software similar para você.

A página de aterragem do software abaixo é organizada, minimalista, e fácil de ler. Perfeito se você é um startup que oferece um software simples e fácil de usar.

Vá em frente e edite este template da página de aterragem do software agora mesmo:

CREATE THIS TEMPLATE

Exemplos da página de aterragem do produto

TransferWise página de aterragem interativa

Outra empresa de serviços financeiros nesta lista? O que posso dizer, Transferwise’s take on the traditional product landing page was too good to ignore.

Transferwise tornou-se rapidamente uma das formas mais fáceis de enviar e receber dinheiro no estrangeiro e o exemplo da página de aterragem interactiva do produto foi o que me fez também um cliente:

Source

Você não pode realmente errar com uma calculadora de moeda ao vivo que funciona de ambas as maneiras e mostra tanto a divisão da conversão como as taxas de uma forma sem disparates.

O kicker? A página de entrada do produto deles tem vários CTAs destinados a educá-lo, estabelecendo confiança e credibilidade, e o mais importante: seduzi-lo a se inscrever.

Se você já está convencido, tudo o que você precisa fazer é clicar em “começar”. Quer saber mais? Clique no botão “ver do que se trata” e um vídeo explicativo irá aparecer.

No final do dia, o objectivo deles é converter visitantes desconhecidos em registos. Então o CTA grande, arrojado e verde sempre toma o centro do palco.

Como disse antes, recomendo manter as páginas de destino dos seus produtos simples.

Os seus recursos poderiam ser melhor gastos em outro lugar (como descobrir a sua estratégia de marketing online). Especialmente se você é um pequeno ou médio negócio ou apenas começando.

Astra página de aterragem de produtos

Encontrei muitos exemplos de páginas de aterragem de produtos no meu tempo como comerciante, mas recentemente encontrei por acaso a página de aterragem da Astra. Eu sabia imediatamente que esta era a melhor página de produto que eu já tinha visto em algum tempo.

Mas porquê? Para começar, a sua manchete é intrigante, mas tem como alvo um ponto de dor que todos os proprietários de sites enfrentam. O subtítulo seguinte pinta um cenário “e se” que agita ainda mais essa dor.

Astra conclui com um CTA que os posiciona como uma solução destinada a ajudar qualquer proprietário de site a garantir seu site em três minutos, que são tanto hiper-específicos quanto com limite de tempo.

Não só isso, mas também fizeram um excelente trabalho ao listar as maiores empresas que usam Astra para garantir aos potenciais clientes que estão em boa companhia:

Source

Modelo de página de aterragem de produtos da Venngage

Aqui está um modelo de página de aterragem de produtos que os nossos designers criaram e com o qual pode mexer e personalizar ao seu gosto.

Este modelo de página de aterragem vem com todos os elementos padrão como a secção herói, como funciona, múltiplos CTAs, e prova social na forma de testemunhos de clientes.

Se estiver a vender qualquer forma de software ou produto físico, este versátil modelo de página de aterragem de produto é a sua melhor aposta:

CREATE THIS TEMPLATE

Pro Tip: Preocupado que os desenhos da sua página de aterragem não fiquem com a marca? Com o nosso My Brand Kit você pode aplicar a marca da sua empresa a todos os seus designs (incluindo as nossas páginas de destino) instantaneamente. Importe as cores, logotipos e fontes da sua marca e aplique-os a qualquer desenho com um clique. É muito simples. Saiba mais sobre o Brand Kit aqui.

Exemplos de página de aterragem do comércio

Página de aterragem do comércio electrónico do Casser

Outro exemplo de design de página de aterragem bem feita vem dos feiticeiros de colchões Casper.

A manchete faz uma afirmação audaciosa que prende o visitante, a proposta de venda única é sedutora e o uso de casas populares de mídia como prova social acrescenta credibilidade à sua oferta.

Tudo em uma estrutura simples, design elegante e mensagens persuasivas fazem do design da página de destino da Casper uma das melhores no espaço de comércio eletrônico:

Source

Pro Dica: Se você quiser aumentar as conversões de página de destino, use a prova social em seu benefício. Destacado na Revista TIME? Recebeu depoimentos de influentes? Conseguiu uma classificação de 5/5 dos clientes? Mostre-os na sua página de aterragem.

Página de aterragem viral do Dollar Shave Club

Uma empresa conhecida pelo seu genial marketing apoiada por uma atitude sem disparates, é difícil debater o monumental sucesso do lançamento do produto Dollar Shave Club.

>

Embora os ossos descalços sejam bonitos em termos de design quando comparados com a maioria dos exemplos de páginas de ecommerce, esta página de aterragem, juntamente com o seu vídeo viral, ajudou a Dollar Shave Club a conquistar aproximadamente 12.000 novos clientes em apenas 48 horas.

Fale sobre tornar-se viral.

Embora o humor e a autenticidade do vídeo viral tenha feito o pesado trabalho de pernas, esta página de aterragem do comércio electrónico faz tudo desde pregar a proposta de venda até ao uso brilhante da prova social:

Source

Almost a one decade and an acquisition later, a empresa-mãe Unilever optou por seguir a rota tradicional da página de aterragem do comércio electrónico com o Dollar Shave Club:

Fonte

Modelo de página de aterragem do comércio electrónico

Inspirado pelos exemplos de página de aterragem do comércio electrónico acima, também criámos um modelo de página de aterragem com o qual pode brincar agora mesmo.

Este modelo de página de ecommerce landing page template que partilhei anteriormente tem uma secção elegante de heróis com um CTA contrastante, proposta de venda simples em três pontos, e prova social sob a forma de menções mediáticas e comentários dos clientes:

CREATE THIS TEMPLATE

App landing page examples

Hopper app landing page

Hopper é uma aplicação de viagem popular, com uma experiência de utilizador no ecommerce que é a melhor que alguma vez tive.

Mas vamos nos aterrissar no tópico das páginas de aterrissagem aqui. A página de aterragem da aplicação Hopper é simples, fácil de ler e cheia de ícones lúdicos, ilustrações de sonho e uso mínimo de texto.

O que é mais único nesta página de aterragem de aplicação móvel é que não importa se você usa o seu desktop ou navegador de smartphone, eles irão sempre redireccioná-lo com um link para descarregar a sua aplicação móvel.

E quando experimentei o aplicativo móvel deles pela primeira vez, entendi o raciocínio deles:

Source

AnyList página de aterragem do aplicativo móvel

Se você tem prestado atenção, você vai notar que muitas páginas de aterragem de aplicativos móveis tendem a ser minimalistas tanto em termos de conteúdo quanto de cópia.

A maior razão para isso é simples: seus visitantes provavelmente estão procurando por seu aplicativo móvel em seus dispositivos móveis. Com uma tela limitada, você tem que fazer cada palavra contar.

O aplicativo da lista de compras AnyList não complica muito as coisas e, em vez disso, segue muito bem o design tradicional da página de destino do aplicativo.

Cópia mínima (geralmente algumas linhas no máximo), uma imagem em alta resolução do aplicativo em ação seguida por links de download para seus aplicativos – realmente não pode ser mais simples do que isso.

AnyList é a prova de que quando se trata de páginas de aterrissagem de aplicativos, às vezes, o tédio pode ser melhor:

Source

Modelo de página de aterrissagem de aplicativo de página de aterrissagem de aplicativo

Para ajudar você a dar vida à sua idéia de aplicativo, nós criamos nossos próprios modelos de página de aterrissagem de aplicativo móvel internamente com base nos designs de página de aterrissagem de aplicativo que vimos nas interwebs.

Para começar, este modelo de página de aterragem de aplicativo móvel vem equipado com ilustrações extravagantes, mas visualmente arrasadoras, bem como múltiplas, mas estrategicamente dispersas CTAs:

CREATE THIS TEMPLATE

Preferir algo muito mais básico? Os nossos designers criaram até uma versão acima da página de aterragem da aplicação que inclui um cabeçalho, descrição, imagem da aplicação assim como links para download:

CREATE ESTE TEMPLO

Em breve exemplos de páginas de aterragem

Data de aterragem em breve página de aterragem

Em breve páginas de aterragem são perfeitas para anunciar um novo produto ou serviço em que está a trabalhar. Elas também são úteis para validar novas idéias de negócios.

Panic Inc. usou uma página de aterragem em breve para o seu novo produto. O objetivo deles? Crie um buzz em torno do lançamento da sua nova consola de jogos portátil: Playdate.

Agora, esta não é a estrutura tradicional da página de aterragem que você viu repetida até agora neste post. O foco para esta próxima página de aterragem em breve é o conteúdo.

Lembrou-me de uma longa carta de vendas. A principal diferença no caso do Playdate é que parece mais uma conversa e menos uma carta de venda.

E com um design elegante da página de aterragem, belas imagens de produtos, e um CTA simples para ser notificado quando eles lançam, é difícil debater sobre o que é todo o hype:

Fonte

Página de aterragem da aplicação de pré-lançamento de alimentos para o cérebro

Aqui vem mais alguma inspiração para o design da página de aterragem em breve. Vem das mentes brilhantes por trás do Brainfood.

Acima da dobra, Brainfood foca apenas em três elementos:

• Manchete: Proposta de venda crocante e fácil de entender. Menos as buzzwords.
• Imagem de herói: Mostrando a aplicação em acção com um vídeo explicativo.
• CTA: Aconchegada no canto superior direito Convidando os usuários a se inscreverem.

Se você é um fã de manter as coisas simples como eu, tenho certeza que você vai gostar disso em breve design da página de destino:

Source

Venngage chegando em breve modelo de página de destino

Como eu disse acima, se o seu objetivo é validar uma nova idéia de negócio ou criar buzz para o seu novo produto ou serviço, em breve as páginas de destino são a sua melhor aposta.

A melhor parte? Uma vez que normalmente estão logo acima da dobra, criá-las é bastante fácil e direto.

Se você está tentando fazer sua inicialização, seria sábio validar sua idéia de inicialização primeiro. Caso contrário, você pode acabar criando algo que ninguém quer.

Aqui está a chegar um modelo de página de arranque que pode usar para validar se a sua ideia de arranque de entrega é um yay ou um nay:

CREATE ESTE TEMPLO

Anunciando um novo produto ou serviço? Use uma página de aterragem em breve para construir um buzz amplo antes de lançar. Mesmo que seja um blog de viagem que você está animado para lançar:

CREATE THIS TEMPLATE

Exemplos de páginas de consulta e de páginas de aterragem de agências

Página de aterragem do blog do Rob Sobers

Dentre o número de páginas de aterragem de blogs pessoais por aí, a que eu provavelmente roubarei para mim mesmo vem do consultor de marketing Rob Sobers. Desculpe, Rob.

Upon visitando seu site, você é recebido com uma página inicial simples. Qualquer sino ou apito está ausente e esta abordagem “menos é mais” brilha tanto no conteúdo como no design do seu site.

Cópia que é diferente mas impressionante, um simples CTA para se juntar ao seu boletim de e-mail e uma barra de navegação discreta são o que eu mais gosto neste exemplo de página de aterragem:

Fonte

Dica: Se você é um consultor como o Rob, blogar e escrever boletins de e-mail definitivamente ajuda. Eu também recomendaria experimentar com alguns depoimentos de clientes e estudos de caso que mostrem que qualquer cliente anterior ganhou. Você também pode oferecer estudos de caso como um download gratuito para os visitantes do site em troca de seu e-mail. Mais sobre a geração de leads mais tarde.

Página de aterragem da agência Shortlist

Embora eu tenha uma tendência natural para páginas de aterragem orientadas para o mercado, acho que você vai concordar comigo quando eu digo que a reformulação da página de aterragem da Shortlist parece melhor do que a maioria dos exemplos de páginas de aterragem de vendas por aí.

De uma perspectiva de design, paletas de cores silenciosas, uso criativo de gradientes de cor e ilustrações coloridas que pop são o que eu gosto nesta página de aterragem da agência:

Fonte

De um ângulo de marketing, também sou fã da sua cópia criativa de vendas, o CTA vermelho arrojado e prova social na forma de marcas com as quais trabalharam.

O resultado final? Otimize cada elemento individual do design da sua página de aterragem e você vai sair com uma página de aterragem de vendas que vai convencer a maioria dos visitantes a bater aquele grande botão vermelho “vamos conversar!”.

Modelo de página de aterragem da agência de viagens

Se você está procurando gerar leads para sua agência ou empresa de consultoria, você precisa de uma página de aterragem da agência que não só converte, mas também alcança um equilíbrio entre design e cópia.

Você está com sorte porque aqui está um modelo de página de destino de vendas que verifica todas as caixas:

CREATE ESTE TEMPLO

Este modelo de página de destino de vendas é diferente porque pede aos potenciais clientes os seus dados de contacto com antecedência, fornece uma razão convincente para o fazer e também inclui um número de telefone para que os potenciais clientes possam entrar em contacto directamente consigo se tiverem dúvidas.

Exemplos de página de aterragem do ebook

Desacelerar página de aterragem do ebook

Se há uma empresa neste planeta que entende de bom design de página de aterragem, são os nossos amigos da Unbounce.

Antes da infinidade de páginas de aterragem que vi na Unbounce, este design da página de aterragem do ebook é nítido, limpo e comunica tudo o que você precisa saber sobre o ebook deles e porque você deve baixá-lo:

Source

Com esta página de captura de email, Unbounce tem um objetivo simples: gerar leads altamente qualificados, oferecendo aos visitantes de primeira viagem um ebook gratuito, ao invés de tentar convertê-los em clientes de primeira viagem (o que raramente funciona).

Marketing para desenvolvedores página de destino do ebook

Neste exemplo de página de destino, eu adoro como Justin fornece duas versões de seu produto digital: um ebook e um curso online para atrair tanto leitores quanto telespectadores em seu público-alvo.

O design simples, a cópia de vendas em formato longo e as críticas reais dos clientes tornam esta página de destino fácil de ler, persuasiva e autêntica.

Não só que, no seu vídeo explicativo, Justin explica tudo sucintamente sobre o programa, primeiro mostrando o ponto de dor e depois posicionando o seu programa como uma solução.

E embora este não seja estritamente um exemplo de página de aterragem do ebook, ele segue o design padrão da página de aterragem do ebook com que estou muito familiarizado:

Source

O verdadeiro kicker: Justin está tão confiante no seu programa que oferece um capítulo grátis do seu ebook para que os visitantes pela primeira vez possam experimentar parte do seu programa antes de tomar uma decisão de compra.

Isso também ajuda Justin a converter compradores cépticos em potenciais leads que ele pode oferecer valor genuíno para primeiro antes de pedir uma venda. Fale sobre um win-win.

Modelo de página de aterragem de captura de e-mails de Venngage

Como apontado anteriormente, você pode gerar leads de mais de uma forma. E o processo é bastante semelhante independentemente de ser uma agência, consultor ou empresa de software.

Se você está se sentindo sobrecarregado ou confuso, eu recomendaria começar pequeno. Crie um ebook e ofereça-o como um íman de captação de leads na sua página de destino de captura de emails para começar a gerar leads.

Aqui está um modelo simples de página de aterragem do ebook para começar:

CREATE ESTE TEMPLO

A partir do momento em que você tiver uma idéia de como os ebooks ajudam na geração de leads, comece a mexer em outras formas de ímãs de leads como white papers, infográficos e listas de verificação.

Identifique o tipo de oferta que mais ressoa com seu público-alvo antes de começar a otimizar sua página de destino. Por exemplo, um executivo da Fortune 500 pode estar mais interessado em um white paper do que em uma checklist.

Dica de PRO: ebooks, white papers e checklists fazem grandes ímãs de chumbo porque são fáceis de criar. Se você puder gastar algum tempo e recursos, eu também recomendaria experimentar a criação de um boletim de e-mail ou um relatório detalhado do setor para gerar leads de maior qualidade. Está se sentindo aventureiro? Tente hospedar um webinar.

A sua vez de criar as suas melhores páginas de destino até agora

Congratulações, você chegou até o final deste guia. Agora você tem um sólido entendimento dos melhores exemplos de páginas de pouso que tendem a funcionar para várias indústrias e casos específicos de uso.

Como eu disse, a chave para criar páginas de aterragem que convertem é principalmente obter o conteúdo e o design certos. Só então as conversões seguirão.

Como fazer o seu site REALER

– Simples > Pretensioso
– Rostos > Ilustrações
– Prova social em cada oportunidade pic.twitter.com/gO4tY3LQWz

– Exemplos de Marketing (@GoodMarketingHQ) 16 de Julho de 2020

Antes de criar a sua página de aterragem, lembre-se destas dicas:

• Mantenha-o simples, estúpido (KISS): As melhores páginas de aterragem que convertem são fáceis de ver e de ler.
• Use a prova social: Os novos visitantes precisam de confiar em si antes de comprarem. Elimine o seu cepticismo exibindo menções mediáticas, citações influentes e testemunhos de clientes como eles.
• Fale como um humano: Menos “The AI Visitor Conversion Platform” e mais “How Small Brands Sell More Online” Sua cópia deve falar como um humano falaria.
• Não se repita (DRY): As páginas de aterragem têm propriedades limitadas, use-o sabiamente. Afie a sua mensagem e não se repita para se certificar que comunica eficazmente o valor da sua oferta.
• A/B teste tudo: A/B teste as suas páginas de aterragem frequentemente para identificar o que funciona melhor. Teste elementos individuais como design, cópia, proposta de venda, CTAs, prova social, e obtenha granularidade a partir daí.

Por último, não se esqueça de usar ferramentas de teste cross browser para garantir que suas páginas de destino são compatíveis entre alguns dos mais populares navegadores e sistemas operacionais.

Agora você saiba como fazer sua própria página de destino ou dar às suas páginas de destino existentes um facelift visual, é hora de agir.

CREATE A LANDING PAGE!

Quer saber mais? Aqui estão mais alguns conteúdos de marketing e design, escolhidos a dedo para si:

7 Dicas para usar visuais para criar páginas de aterragem que convertem

20+ Incríveis Modelos de livros electrónicos + Dicas de design para principiantes

Marketing para pequenas empresas: O Guia Final