Mais de 20 exemplos de landing page para inspirar seu design [+ modelos]

By Aditya Sheth, Oct 15, 2020

Landing Page

Vamos ser honestos, reformular uma landing page é difícil. Mas criá-la do zero é ainda pior.

Que tipo de landing page é mais adequada para o seu setor? E que tipo você deve criar para um caso de uso específico? Como alcançar o equilíbrio delicado entre o design e o texto?

Acredite em mim, já estive nessa situação e tive os mesmos questionamentos. O que mais me ajudou em situações como essa foi buscar inspiração em outro lugar.

Neste guia, vamos compartilhar alguns dos melhores exemplos de landing page que encontramos na internet abrangendo vários setores e casos de uso.

Este guia abordará (clique para avançar):

  1. Exemplos de landing page de software
  2. Exemplos de landing page de produto
  3. Exemplos de landing page de comércio eletrônico
  4. Exemplos de landing page de aplicativo
  5. Exemplos de landing page “Em breve
  6. Exemplos de landing page de consultoria e agência
  7. Exemplos de landing page de ebook

Também incluímos alguns dos nossos modelos exclusivos para que você possa começar a criar suas próprias landing pages imediatamente!

Procurando inspiração para tornar a reformulação da sua landing page mais interessante? Você veio ao lugar certo.

Como usar nossos modelos de landing page?

Existem várias maneiras. Aqui estão três delas:

  1. Crie um protótipo para sua própria landing page: Comunicar a aparência ideal com designers ou desenvolvedores pode ser complicado, a menos que você crie um protótipo para visualizar e transmitir suas ideias.
  2. Arrecade fundos para sua startup: Sua startup pode não ter uma página inicial ainda, mas isso não significa que você não possa arrecadar recursos. Um protótipo de landing page feita por você mesmo, incluída em sua apresentação para investidores, dá vida à sua ideia e convence os investidores a apoiá-la.
  3. Conquiste novos clientes para sua agência: Quer fechar mais negócios e mais vendas? Concentre-se em mostrar, não em falar. Personalize um modelo para mostrar aos clientes como seria sua nova landing page se eles trabalhassem com você. Anexe-o à sua proposta ou pitch deck de negócios.

Por exemplo, esta landing page de comércio eletrônico é otimizada para impulsionar as vendas e pode ser usada como um protótipo:

landing page exemplos

Este é, no entanto, apenas um caso de uso. Você também pode criar landing pages para:

  • Converter os visitantes do site em assinaturas de avaliação do seu software.
  • Convencer os visitantes a baixar seu aplicativo móvel.
  • Vender seus produtos digitais e físicos online.
  • Validar uma nova ideia de negócio antes de decidir entrar nela de cabeça.
  • Gerar novos leads para sua agência ou empresa de consultoria.

Vamos começar.

1. Exemplos de landing page de software

A landing page do software Stripe

Fiquei surpreso com a recente reformulação da landing page da Stripe.

A Stripe é uma das maiores startups de serviços financeiros do planeta, que se orgulha de conhecer três coisas muito bem: finanças, tecnologia e design.

Sua tendência para um bom design e experiência do usuário se reflete aqui:

landing page exemplos

Fonte

Para ser completamente objetivo, o design da landing page tem muitos recursos e ornamentos sofisticados.

Estou falando sobre a animação em gradiente que pode afetar a velocidade da página e a bateria, baixa legibilidade do texto, chamada para a ação (CTA) pouco clara e pequena etc.

Sua landing page de software deve ficar longe desses recursos. Meu conselho? Mantenha as coisas simples.

A landing page de assinatura da Monday

Já que estamos falando de simplicidade, o design minimalista da landing page tem sido uma das tendências de design gráfico mais populares em 2020.

Quem melhor para mostrar como exemplo do que a Monday? Sua landing page de assinatura é simples, minimalista e agradável aos olhos:

landing page exemplos

Fonte

Pontos de bônus para as CTAs vermelhas que dificilmente passam despercebidas e os casos de uso de rolagem automática na seção hero (geralmente, uma seção de destaque no site), que mostram todas as maneiras pelas quais equipes e departamentos podem usar a Monday.

Modelo de landing page de software da Venngage

Se você é como eu e adorou como a Monday abordou o design da sua landing page, eu tenho o modelo perfeito para você.

Ele é organizado, minimalista e legível. Ideal se você é uma startup que oferece um software simples e fácil de usar.

Vá em frente e edite este modelo de landing page de software agora mesmo:

landing page exemplos

 

 

2. Exemplos de landing page de produto

A landing page interativa da TransferWise

Outra empresa de serviços financeiros nesta lista? O que posso dizer, a abordagem da Transferwise para a landing page de produto tradicional é boa demais para ser ignorada.

A Transferwise tornou-se rapidamente uma das maneiras mais fáceis de enviar e receber dinheiro no exterior e seu exemplo de landing page de produto interativa é o que fez eu me tornar um cliente também:

landing page exemplos

Fonte

Você não tem como errar com uma calculadora de câmbio ativa que, de uma maneira prática, funciona nos dois sentidos e mostra tanto o detalhamento da conversão quanto as taxas.

O melhor de tudo? A landing page do produto tem várias CTAs com o objetivo de informar, estabelecer confiança e credibilidade e, o mais importante: estimular o visitante a se inscrever.

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

No final das contas, o objetivo é converter visitantes desconhecidos em inscrições, razão pela qual a CTA grande, verde e ousada ocupa sempre o centro do palco.

Como eu disse antes, recomendo manter as landing pages de seus produtos simples.

Seus recursos serão mais bem gastos em outro lugar (como em seu plano de marketing), especialmente se a sua empresa for pequena ou média empresa ou se você estiver apenas começando.

A landing page de produto da Astra

Já encontrei muitos exemplos de landing pages de produtos em minha experiência como profissional de marketing, mas recentemente me deparei com a abordagem da Astra. Eu soube imediatamente que se tratava da melhor landing page de produto que eu via há algum tempo.

Mas por quê? Para começar, o título é intrigante e aborda um ponto problemático que todos os proprietários de sites enfrentam. O subtítulo a seguir pinta um cenário “e se” que agita ainda mais essa questão.

A Astra conclui com uma CTA que os posiciona como uma solução destinada a ajudar qualquer proprietário de site a proteger seu domínio em três minutos, o que é hiperespecífico e calendarizado.

Além disso, eles fizeram um ótimo trabalho listando as maiores empresas que usam a Astra para garantir aos clientes em potencial que eles estão em boa companhia:

landing page exemplos

Fonte

Modelo de landing page de produto da Venngage

Confira um modelo de landing page de produto real que nossos designers criaram e que você pode ajustar e personalizar de acordo com sua preferência.

Este modelo vem com todos os elementos padrão, como a seção hero, “como funciona”, várias CTAs e prova social na forma de depoimentos dos clientes.

Se você está vendendo qualquer tipo de software ou produto físico, este versátil modelo é sua melhor aposta:

landing page exemplos

Dica profissional: Preocupado que os designs da sua landing page que não se encaixam na imagem da sua marca? Com nosso recurso Minha Marca, você pode aplicar a identidade visual da sua empresa a todos os seus designs instantaneamente. Importe as cores, logotipos e fontes da sua marca e aplique-os a qualquer design com um clique. É simples assim. Saiba mais sobre a ferramenta Minha Marca aqui.

 

 

3. Exemplos de landing page de comércio eletrônico

A landing page de comércio eletrônico da Casper

Outro exemplo de design de landing page feito da maneira certa vem da Casper, especialista em colchões.

O título faz uma afirmação audaciosa que atrai o visitante, a proposta única de valor é atraente e o uso de casas famosas como prova social adiciona credibilidade ao produto.

Em suma, uma estrutura simples, design elegante e mensagens persuasivas tornam o design da landing page da Casper um dos melhores quando o assunto é comércio eletrônico:

landing page exemplos

Fonte

Dica profissional: Se você deseja aumentar as conversões da landing page, use a prova social a seu favor. Apresentado na revista TIME? Recebeu ótimos depoimentos de influenciadores? Obteve uma classificação de 5 estrelas dos seus clientes? Mostre-os na sua landing page.

A landing page viral da Dollar Shave Club

Uma empresa conhecida por seu marketing genial apoiado por uma atitude séria, é difícil debater o sucesso monumental do lançamento dos produtos da Dollar Shave Club.

Embora bastante simples em termos de design, quando comparada à maioria dos exemplos de comércio eletrônico, esta landing page, juntamente com o vídeo viral que a acompanha, ajudou a Dollar Shave Club a conquistar aproximadamente 12 mil novos clientes em apenas 48 horas.

Isso que é viralizar!

Embora o humor e a autenticidade do vídeo viral tenham feito o trabalho pesado, esta landing page de comércio eletrônico faz tudo do jeito certo – desde a definição da proposta de valor até o uso brilhante da prova social:

landing page exemplos

Fonte

Quase uma década e uma aquisição depois, a controladora Unilever optou por seguir a rota de landing page tradicional de comércio eletrônico com a Dollar Shave Club:

landing page exemplos

Fonte

Modelo de landing page de comércio eletrônico da Venngage

Inspirados nos exemplos acima, também criamos um modelo de landing page com o qual você pode brincar agora mesmo.

Este modelo de landing page de comércio eletrônico que compartilhei anteriormente tem uma seção hero elegante com uma CTA contrastante, uma proposta de valor simples em três pontos e prova social na forma de menções na mídia e avaliações de clientes:

landing page exemplos

4. Exemplos de landing page de aplicativo

A landing page de aplicativo do Hopper

O Hopper é um aplicativo de viagens popular com a melhor experiência de usuário que eu já experimentei.

Mas vamos nos concentrar no tópico das landing pages aqui. A do aplicativo Hopper é simples, fácil de ler e cheia de ícones divertidos, ilustrações oníricas e uso mínimo de texto.

O que há de mais exclusivo nesta landing page de aplicativo móvel é que não importa se você usa o navegador do seu desktop ou smartphone, eles sempre o redirecionarão com um link para baixar o aplicativo móvel.

E quando experimentei o app pela primeira vez, entendi o raciocínio deles:

landing page exemplos

Fonte

A landing page de aplicativo móvel do AnyList

Se você prestou atenção, notará que muitas landing pages de aplicativos móveis tendem a ser minimalistas por natureza, tanto em termos de conteúdo quanto de texto.

A principal razão para isso é simples: seus visitantes provavelmente estão procurando o aplicativo a partir de seus dispositivos móveis. Com espaço limitado na tela, você precisa fazer com que cada palavra conte.

O aplicativo de lista de compras AnyList não complica as coisas. Em vez disso, segue muito bem o design tradicional de landing pages de aplicativo.

Texto mínimo (geralmente algumas linhas no máximo), uma imagem em alta resolução do aplicativo em ação seguida por links de download – não tem como ser mais direto do que isso.

O AnyList é a prova de que, quando se trata de landing pages de aplicativos, às vezes algo um tanto sem graça pode ser melhor:

landing page exemplos

Fonte

Modelo de landing page de aplicativo da Venngage

Para ajudá-lo a dar vida à sua ideia de aplicativo, criamos nossos próprios modelos de landing page de aplicativo móvel internamente com base nos designs que vimos e gostamos na internet.

Para começar, este modelo de landing page de aplicativo móvel vem equipado com ilustrações sofisticadas, mas visualmente cativantes, bem como várias CTAs estrategicamente distribuídas:

landing page exemplos

Prefere algo muito mais básico? Nossos designers até criaram uma versão “above the fold” (acima da dobra) de uma landing page de aplicativo que inclui um título, uma descrição, uma imagem, além dos links para download:

landing page exemplos

5. Exemplos de landing page “Em breve”

A landing page “Em breve” do Playdate

As landing pages do tipo “em breve” são perfeitas para anunciar um novo produto ou serviço no qual você está trabalhando. Elas também são úteis para validar novas ideias de negócios.

A Panic Inc. usou uma landing page desse tipo para seu novo produto. O objetivo? Criar agitação em torno do lançamento do novo console de jogos portátil: o Playdate.

Esta não é a estrutura tradicional que você viu repetida até agora neste artigo. O foco dessa landing page é o conteúdo.

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

E com o design elegante, belas imagens do produtos e uma CTA simples para ser notificado na ocasião do lançamento, não é difícil entender do que se trata todo o hype:

landing page exemplos

Fonte

A landing page de pré-lançamento do aplicativo da Brainfood

Confira mais algumas inspirações de design de landing page do estilo “Em breve” das mentes brilhantes por trás da Brainfood.

Para casos “Above the fold”, a Brainfood concentra-se apenas em três elementos:

  • Título: Proposta de venda nítida e fácil de entender. Sem os chavões.
  • Imagem hero: Apresentando o aplicativo em ação com um vídeo explicativo.
  • CTA: Posicionada no canto superior direito, convida os usuários a se inscreverem.

Se você adora manter as coisas simples como eu, tenho certeza de que apreciará este design:

landing page exemplos

Fonte

Modelo de landing page “Em breve” da Venngage

Como eu disse acima, se seu objetivo é validar uma nova ideia de negócio ou criar burburinho em torno de um novo produto ou serviço, as landing pages do tipo “Em breve” são ideais para você.

A melhor parte? Uma vez que elas geralmente estão logo “above the fold“, ou seja, no topo da página, criá-las é bastante fácil e direto.

Se você está tentando fazer sua startup decolar, é sensato validar sua ideia primeiro.. Caso contrário, você pode acabar criando algo que ninguém quer.

Eis um modelo de landing page de startup “Em breve” que você pode usar para validar se sua ideia de startup de entrega de refeições tem potencial (ou não):

landing page exemplos

Anunciando um novo produto ou serviço? Use uma landing page do estilo “Em breve” para criar um burburinho antes do lançamento. Mesmo que seja um blog de viagens que você está animado para lançar:

landing page exemplos

 

 

6. Exemplos de landing page de consultoria e agência

A landing page do blog de Rob Sobers

Entre o grande número de landing pages de blogs pessoais disponíveis, a que eu gostaria de roubar para mim vem do consultor de marketing Rob Sobers. Desculpe, Rob.

Ao visitar seu site, somos saudados com uma página inicial simples. Quaisquer recursos e ornamentos chamativos estão ausentes e essa abordagem “menos é mais” brilha tanto no conteúdo quanto no design do site.

Uma redação diferente, mas marcante, uma CTA simples para participar de sua newsletter por e-mail e uma barra de navegação discreta são os elementos que eu mais gosto neste exemplo:

landing page exemplos

Fonte

Dica profissional: Se você é um consultor como Rob, criar um blog e escrever newsletters por e-mail certamente ajuda. Eu também recomendo experimentar alguns depoimentos de clientes e estudos de caso que mostram as vitórias de clientes anteriores. Além disso, você pode oferecer estudos de caso como download gratuito aos visitantes do site em troca de seus e-mails. Falaremos mais sobre geração de leads adiante.

A landing page de agência da Shortlist

Embora eu tenha uma tendência natural para landing pages orientadas para o marketing, acho que você concordará comigo que a reformulação da landing page da Shortlist é melhor do que a maioria dos exemplos que vemos por aí.

Do ponto de vista do design, as paletas de cores suaves, o uso criativo de gradientes de cores e as ilustrações coloridas que se destacam são o que eu mais gosto na landing page desta agência:

landing page exemplos

Fonte

Do ponto de vista do marketing, também sou um fã do seu texto criativo de vendas, a CTA vermelha ousada e a prova social na forma de marcas com as quais eles já trabalharam.

A conclusão? Otimize cada elemento individual do design e você terá com uma landing page de vendas que convencerá a maioria dos visitantes a clicar no botão “Vamos conversar!”.

Modelo de landing page de agência da Venngage

Se você deseja gerar leads para sua agência ou negócio de consultoria, precisa de uma landing page de agência que não apenas converta, mas também alcance um equilíbrio entre design e texto.

Você está com sorte, pois temos um modelo específico para vendas no estilo “saiba mais” que satisfaz todos os requisitos:

landing page exemplos

Este modelo de landing page de vendas é diferente porque pede aos clientes em potencial seus detalhes de contato com antecedência, fornece uma razão convincente para isso e também inclui um número de telefone para que possam entrar em contato diretamente com você em caso de dúvidas.

 

7. Exemplos de landing page de ebook

A landing page de ebook da Unbounce

Se há uma empresa neste planeta que entende como fazer um bom design de landing page, são nossos amigos da Unbounce.

Entre a infinidade de exemplos que vi na Unbounce, este design específico para ebook é nítido, claro e comunica tudo o que você precisa saber sobre o ebook e por que você deve baixá-lo:

landing page exemplos

Fonte

Com esta landing page de captura de e-mails, a Unbounce tem um objetivo simples: gerar leads altamente qualificados, oferecendo aos visitantes de primeira viagem um ebook gratuito, em vez de tentar convertê-los em clientes logo de cara (o que raramente funciona).

A landing page do ebook “Marketing for Developers”

Neste exemplo, adoro como Justin fornece duas versões de seu produto digital: um ebook e um curso online para atrair leitores e espectadores do seu público-alvo.

O design simples, o texto de vendas em formato longo e as avaliações reais dos clientes tornam esta landing page fácil de ler, persuasiva e autêntica.

Além disso, em seu vídeo explicativo Justin explica resumidamente tudo sobre o programa, primeiro mostrando o ponto problemático e, em seguida, posicionando seu programa como uma solução.

Embora este não seja exatamente um exemplo de landing page de ebook, ele segue o design padrão com o qual estou muito familiarizado:

landing page exemplos

Fonte

O melhor de tudo: o autor está tão confiante de seu programa, que oferece um capítulo grátis do ebook para que os visitantes de primeira viagem possam experimentar parte de seu programa antes de tomar uma decisão de compra.

Isso também ajuda Justin a converter compradores céticos em leads potenciais aos quais ele pode oferecer um valor genuíno antes de solicitar uma venda. Todos saem ganhando!

Modelo de landing page de captura de e-mails da Venngage

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

Se você estiver se sentindo sobrecarregado ou confuso, recomendo começar aos poucos. Por exemplo, crie um ebook e ofereça-o como um ímã de leads em sua landing page de captura de e-mails.

Este é um modelo simples para você começar:

landing page exemplos

Depois de ter uma ideia de como os ebooks ajudam na geração de leads, comece a mexer em outras formas de imãs de leads, como white papers, infográficos e checklists.

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

Dica profissional: ebooks, white papers e checklists são ótimos ímãs de leads porque são fáceis de criar. Se você puder dedicar tempo tempo e recursos, eu também recomendo experimentar a criação de uma newsletter por e-mail ou um relatório detalhado do setor para gerar leads de maior qualidade. Sentindo-se ambicioso? Experimente organizar um webinar.

 

 

Sua vez de criar suas melhores landing pages

Parabéns, você chegou ao fim deste guia. Agora você tem um conhecimento sólido dos melhores exemplos que tendem a funcionar para vários setores e casos de uso específicos.

Como eu disse, a chave para criar landing pages que convertam é acertar principalmente no conteúdo e no design.

 

Antes de criar sua landing page, lembre-se destas dicas:

  • Mantenha as coisas simples: as landing pages que mais convertem são agradáveis aos olhos e fáceis de ler.
  • Use a prova social: os novos visitantes precisam confiar em você antes de comprar. Elimine o ceticismo exibindo menções na mídia, citações de influenciadores e depoimentos de clientes.
  • Fale como um humano: menos “A plataforma de conversão de visitantes de IA” e mais “Como marcas pequenas vendem mais na internet”. O seu texto precisa refletir a fala autêntica de um ser humano.
  • Não se repita: as landing pages têm um espaço limitado, use-o com sabedoria. Aperfeiçoe sua mensagem e não se repita para ter certeza de comunicar o valor da sua oferta de maneira eficaz.
  • Faça o teste A/B em tudo: Faça o teste A/B em suas landing pages com frequência para identificar quais versões geram as conversões mais altas. Comece testando elementos individuais como design, texto, sua proposta de venda, CTAs, prova social para, a partir disso, cuidar dos detalhes.

Agora que você sabe como fazer sua própria landing page ou transformar as existentes, é hora de agir.

About Aditya Sheth

Aditya Sheth faz parte do time de conteúdo da Venngage. Quando ele não está ocupado escrevendo conteúdo ou pensando em novos experimentos, ele provavelmente estará lendo algum livro de não-ficção, ouvindo rap ou descobrindo novos memes na internet.