Como criar uma página de boas-vindas que converte

Você tem 0,05 segundo para causar uma ótima primeira impressão em um site ou aplicativo.

São 50 milissegundos.

Isso é METADE do tempo de um piscar de olhos.

É uma estatística bastante surpreendente, mas também é extremamente assustadora.

Isso significa que os usuários julgam a maioria de seu conteúdo pela primeira coisa que veem no seu site ou aplicativo.

E isso geralmente é uma página de boas-vindas.

Bom, espero que você já tenha entendido a importância de uma página de boas-vindas.

Mas para enfatizar ainda mais, neste artigo vamos ver:

👉 O que é uma página de boas-vindas

👉 Como criar uma página de boas-vindas em 5 passos

👉 O que fazer e o que não fazer ao criar uma página de boas-vindas

👉 Os melhores exemplos de páginas de boas-vindas

Vamos nessa? ⬇️

O que é exatamente uma página de boas-vindas?

Uma página de boas-vindas é uma página introdutória de um site ou aplicativo e, geralmente, é a primeira parte oficial da experiência do usuário com a UX. Qualquer que seja a forma, as cores ou o formato, uma página de boas-vindas tem como objetivo principal aumentar as taxas de conversão, convertendo visitantes em clientes ou usuários de avaliação gratuita em clientes pagantes. Portanto, as landing pages de alta conversão geralmente podem ser consideradas páginas de boas-vindas.

Mas, além de ser a primeira impressão de seus clientes potenciais, por que as páginas de boas-vindas são importantes?

Vamos dar uma olhada: ⬇️

Por que sua página de boas-vindas é importante?

Porque, bem... é a primeira impressão.

Então, por que a primeira impressão é importante?

Há três motivos principais:

1- Imagem da marca

Uma das primeiras e mais perceptíveis coisas em sua página de boas-vindas é a imagem de sua marca.

O uso de cores vivas ou não, a localização dos botões de ação, a existência de pop-ups e se eles são irritantes ou muito irritantes, tudo isso é percebido logo de cara.

E o fato de sua mensagem ser transmitida ou não depende muito da hierarquia visual.

Talvez seja bom levar isso em consideração quando estiver trabalhando no design da sua landing page. 👀

2- Proposta de valor

Uma página de boas-vindas, especialmente a página de boas-vindas de um site, é um dos melhores lugares para exibir sua proposta de valor.

E se você seguiu meu conselho e se preocupou com sua hierarquia visual, saberia que colocá-la no topo dessa hierarquia é uma prioridade.

Veja como a monday.com faz isso, por exemplo:

💡 Dica importante: faça com que sua proposta de valor seja a primeira ou, pelo menos, a segunda coisa que seus usuários vejam na tela de boas-vindas.

3- Conversão rápida

Agora, se você fez a imagem da marca e a proposta de valor corretamente, é possível obter uma conversão rápida.

E esse também é um dos motivos pelos quais as páginas de boas-vindas são importantes.

Porque sem uma delas, os usuários podem não perceber sua marca ou proposta de valor.

E, portanto, não converter.

E, portanto, não pagar.

E, assim, você fracassa.

Logo, uma página de boas-vindas é importante, pois mostra aos usuários a imagem da sua marca, sua proposta de valor e oferece aos usuários um espaço para conversão rápida.

Agora, se estivermos na mesma página sobre como todos precisam de uma página de boas-vindas…

Vamos dar uma olhada em como criar uma: ⬇️

Como criar uma grande página de boas-vindas em 5 etapas

1- Comece do começo: um layout simples

Mantenha-o simples e não cansativo de se ver.

Aqui estão algumas observações rápidas:

✅ Deixe as pessoas saberem para onde olhar, você não gostaria de confundi-las com uma visão avassaladora.

✅ As cores e os padrões estão a seu gosto, mas é melhor se for simples.

✅ Você quer captar a atenção de seu visitante, não quer distrair. Escolha um fundo e um design claros.

✅ Escreva uma boa manchete e cumprimente as pessoas.

Depois vem o estabelecimento da mensagem certa: ⬇️

2- O primeiro contato

Lembra-se do filme A Chegada, de 2016?

Onde ela interpreta uma cientista que tenta se comunicar com alienígenas?

Agora, por um segundo, imagine que suas primeiras palavras foram: "Coloque suas mãos onde eu possa vê-las!"

Na melhor das hipóteses, eles vão embora; na pior, evaporam todos nós.

Bem, se você exibir a mensagem errada de primeiro contato para os usuários, eles poderão fazer a mesma coisa.

Eles podem ir embora.

Ou até mesmo destruir sua empresa com um boca a boca ruim e avaliações negativas.

Em primeiro lugar, seja entusiasmado e gentil com sua mensagem de boas-vindas. E, em seguida, você pode misturar as coisas acrescentando algo criativo à equação.

#3 Ação!

Depois de sua mensagem de boas-vindas, continue com um botão que faça com que as pessoas queiram clicar.

O botão pode dizer...

"Vamos começar" ou "Explore {sua marca}"

O clássico, né.

Mas talvez seja mais interessante acrescentar o que eles vão fazer ao botão de CTA.

Por exemplo: "Vamos melhorar o onboarding de usuários?"

Ou, se quiser algo mais atrevido…

"A melhor conversão está atrás deste botão."

É melhor se você escolher a cor do botão diferente dos tons da página, desta forma será mais atrativo.

O Ahrefs entende, veja as chamadas para ação na tela:

#4 Repita sem ser chato

Você pode aumentar o poder de sua proposta de valor se a utilizar novamente em sua página de boas-vindas.

Então de novo, e de novo.

Mas faça isso sem se tornar chato.

É mais provável que as frases repetitivas fiquem na mente das pessoas.

Você pode lançar as bases para uma marca de sucesso no futuro, tornando sua proposta de valor memorável.

Mas se você não vai usar sua proposta de valor, seja compreensível, e explique o que você faz em algumas outras palavras sendo ainda simples.

Ninguém vai usar um serviço que não tenha entendido.

#5 "Esta é para você!"

Você sabe a quem você está vendendo.

Você está resolvendo um problema, e seus clientes são as pessoas que experimentam esse problema.

Então você sabe quem são seus clientes, o que eles pensam de seu produto, o que eles pensam da concorrência e muito mais.

Portanto, ao projetar a página de boas-vindas, lembre-se de tudo isso.

👉 Por exemplo, digamos que você tenha uma página da Web que contém artigos avançados sobre história.

Seu objetivo é atender principalmente a acadêmicos e estudantes.

É uma ideia melhor usar um design de aparência sofisticada com cores suaves para impressioná-los.

Digamos que você tenha um site que lida com notícias atualizadas e videogames; usar cores neon – com bom gosto – seria agradável e chamativo.

Ainda assim, tente ficar longe de clichês e estereótipos.

Pode parecer errado se você escrever com um determinado dialeto só porque seu público-alvo é de uma região específica, por exemplo.

No final, a maneira mais segura de entender os gostos e desgostos de seu público é o método de tentativa e erro.

Cada pessoa tem um gosto diferente.

Portanto, você deve considerar o gosto do seu grupo-alvo.

Criando uma página de boas-vindas - o que fazer e o que não fazer

1- Escolha palavras impressionantes ✅

Você deve atrair o visitante para sua página.

Mas, ao mesmo tempo, exagerar seu produto, o que esperar e outros detalhes pode não parecer bom.

É por isso que "o melhor", "o único X de que você precisará" e "tudo em um" se tornaram textos questionáveis na página de boas-vindas. 🤷

Então, em vez disso…

Transmita uma mensagem poderosa e clara.

Escolha palavras poderosas como "ideal", "mais usado" e "mundial", mas tente ficar longe delas se achar que está exagerando.

2- Personalize a experiência ✅

Dois pontos principais das experiências personalizadas:

👉 Isso mostra que você se importa.

👉 Você oferece uma experiência de usuário melhor, aumentando a probabilidade de o usuário ativar, converter ou fazer upgrade.

Por exemplo, muitas páginas da Web e aplicativos coletam informações pessoais, como nome, e-mail, idade e outras.

Quando os clientes passam por essa etapa, cumprimentá-los com seus nomes é uma maneira inteligente de aumentar o entusiasmo deles.

Não se esqueça de agradecê-los e talvez até considere levar o sentimento para um e-mail, fazendo com que a mensagem dure mais tempo.

3- Acrescente uma lista de verificação à sua barra lateral ✅

Um checklist, seja para onboarding de usuários ou para acessibilidade, é uma ótima ideia para a maioria dos produtos.

Dessa forma, as pessoas podem clicar na barra lateral e ter uma ideia melhor sobre quais conteúdos estão disponíveis em seu site ou fazer qualquer coisa que você crie para o checklist.

4- Seja original ✅

Não utilize nenhuma outra manchete ou sentença do aplicativo para apresentar seu produto.

Isso não é apenas antiético, mas também não é muito bom para a conversão.

Se você disser algo e seus concorrentes estiverem dizendo a mesma coisa, como seus compradores em potencial descobrirão de qual deles precisam?

Todos nós gostamos de coisas inéditas e originais.

Você está criando um novo negócio e uma nova marca; alguns recursos diferenciam sua marca de outras marcas prováveis, então por que usar uma ideia antiga com a qual todos se acostumaram, ou por que copiar?

Não se arrisque, seja original.

5- Faça o acompanhamento com um excelente onboarding ✅

Sim, eu disse que a página de boas-vindas é onde os usuários formam a opinião inicial sobre você.

Mas isso não significa que a opinião deles não pode e não será alterada.

Especialmente se você não der continuidade à sua página de boas-vindas com um ótimo onboarding de usuários.

O onboarding de usuários refere-se a levar os novos usuários a seus momentos Aha, mostrando-lhes o valor do seu produto e como eles podem alcançá-lo.

E se você está apenas descobrindo o conceito, o que você precisa é…

A UserGuiding, uma plataforma de adoção digital sem código, onde criei essa tela de boas-vindas em menos de 5 minutos: ⬇️

É possível criar páginas de boas-vindas de onboarding usando os recursos da UserGuiding:

✅ Guias interativos e tours guiados

✅ Checklists de onboarding

✅ Hotspots, tooltips, mensagens in-app

✅ Resource Centers

✅ Pesquisas in-app

E muito mais, tudo isso com recursos de análise, personalização, localização, segmentação de usuários e direcionamento.

Depois de concluir sua página de boas-vindas, concentre-se no onboarding do usuário para completar a experiência.

Não precisa acreditar em mim...

👉 Teste a UserGuiding agora! 👈

6- Nunca coloque anúncios em sua página de boas-vindas ❌

Não há muito a dizer sobre isto, é bastante autoexplicativo.

Você pode ter anúncios em seu site, e não há problema. Só não coloque nenhum em sua página de boas-vindas.

Isso não apenas prejudicará a experiência na landing page com tempo de carregamento extra para os anúncios, mas também afetará negativamente a reputação da sua marca.

7- Não coloque CTAs depois de todo o texto ❌

As pessoas podem não rolar a página se você a estender para baixo.

Você pode pensar que elas vão rolar a página.

Mas elas não vão.

Coloque sua oferta, botões de assinatura e botões de exploração acima da dobra.

Ninguém está disposto a rolar e rolar e rolar e ler ou descobrir tudo sobre sua página.

Evite fazê-los rolar a página, dê às pessoas um botão tentador no qual elas possam simplesmente clicar.

8- Não force nada ❌

A gente entende.

É a sua bela página de boas-vindas que é seguida por uma introdução de seu grande produto.

Mas acredite em mim: não é tão bela quanto você pensa.

A maioria das pessoas comete o erro de forçar a página de boas-vindas e o que se segue para seus usuários, o que reduzirá drasticamente as taxas de conclusão de seus usuários e terá um pesado custo em seu negócio.

Eles terão que ver a página de boas-vindas em algum momento, mas você deve dar a eles a opção de entrar rapidamente no produto.

Se for um usuário retornado, imagine como seria passar pelo mesmo onboarding.

Exatamente...

Agora que já entendemos o essencial em termos teóricos, vamos dar uma olhada em alguns dos melhores exemplos de páginas de boas-vindas: ⬇️

10 ótimos exemplos de páginas de boas-vindas

Aqui estão alguns exemplos de algumas páginas de boas-vindas bem projetadas:

1- Trivago

Aqui está a página de boas-vindas da Trivago.

Todos nós conhecemos seu slogan, é cativante, mas será tentador para nós usar a Trivago quando se trata da página de boas-vindas?

Bem, a resposta é sim.

É bastante simples, e qualquer um pode entender como usá-la.

O que ele fará por você é dito claramente e o coloca diretamente no negócio. Você vai apenas decidir sobre um destino e procurar hotéis lá dentro.

2- Letterboxd

Esta é a página de boas-vindas da Letterboxd.

Ela lhe diz qual é o seu negócio, é ajudar você a rastrear os filmes que você assistiu, estabelecer uma lista de observação, e comentar os filmes.

Há um bom e velho ditado do CTA “Comece Agora – É Grátis!”, que é muito eficiente.

Este botão também chama sua atenção com seu verde marcante e lhe dá informações sobre o preço inicial, que não existe. 🤫

3- Lyft

Nesta página de boas-vindas da Lyft, uma bela ilustração do serviço que eles estão prestando acontece.

O bom uso das cores e a explicação muito curta e básica com um grande tamanho de fonte fazem dela uma página de boas-vindas bem desenhada.

Ela chama tanto seus principais parceiros quanto seus clientes.

4- Khan Academy

A Khan Academy é uma das fontes de educação gratuita online mais utilizadas.

A página de boas-vindas apresenta aos usuários o que é a Khan Academy, e você pode facilmente começar a usá-la escolhendo o que mais se encaixa nos três botões abaixo.

A página depois disso tira algumas informações de você e o guia para o site onde você pode simplesmente começar.

A melhor parte da página de boas-vindas é a qualidade com que a proposta de valor é transmitida.

E destacada.

5- Airbnb

A página de boas-vindas da Airbnb também é muito clara, com uma abordagem inovadora.

A declaração diz o que os anfitriões fazem e a calculadora de renda extra é um elemento muito bem projetado que diz aos usuários no que exatamente eles estão se metendo.

Uma foto do anfitrião também dá confiança, ela é acolhedora e alguém em quem você pode confiar o suficiente para ficar em sua casa.

Ou, da perspectiva de alguém que esteja se candidatando ao perfil de anfitrião, é uma declaração de status.

Inteligente!

6- Grammarly

A página de boas-vindas do Grammarly é personalizada e divertida.

Há uma frase de slogan como título e uma saudação com o nome do usuário.

As cores são bem utilizadas e o Grammarly oferece algumas opções para melhorar sua escrita imediatamente.

Ela é visualmente satisfatória e acolhedora.

7- Devon Stank

A página de boas-vindas do Devon Stank chama as pessoas para fazer algo em conjunto, para colaborar.

As pessoas querem inatamente fazer parte de algo, por isso é inteligente usar este recurso. Mas colocar um vídeo depois pode não ser o de um movimento inteligente, eu não gostaria de assistir a um vídeo em uma página de boas-vindas, por mais interessante que seja.

Ainda assim, a página tem um design elegante e a mensagem é muito clara.

Então, isso é uma vitória. 🤷

8- Skype

Esta página de boas-vindas do Skype faz um excelente trabalho, chamando sua atenção com uma grande manchete de fontes que o está convidando.

Abaixo disso, três palavras estão descrevendo o que você pode fazer no Skype: você pode conversar, conversar e colaborar.

É uma página de boas-vindas simples, mas bem projetada.

9- Dropbox

Todo mundo sabe como a tecnologia pode ser perigosa às vezes; pode haver erros, suas informações pessoais podem ser roubadas e outras coisas horríveis.

O Dropbox mostra que oferece um serviço promissor que é seguro e no qual os funcionários e administradores de TI confiam.

Ele fala sobre a confiabilidade do Dropbox, mostrando pessoas que entendem de tecnologia como referência.

É uma página de boas-vindas com um design inteligente que desperta um senso de confiança.

10- 2048 Puzzle

Calma lá, isso não é uma página de boas-vindas!

Mas, na verdade, é sim.

O jogo Puzzle 2048 usa seu jogo como página de boas-vindas e o que os torna grandes é que a página é tão simples quanto o próprio jogo.

Não há necessidade de bla-bla-bla.

Você só quer abrir o aplicativo e começar a jogar, então é isso que eles oferecem!

Conclusão

Você pode usar endereços de e-mail para grandes campanhas de e-mail, pagar muito por anúncios e criar pop-ups de mensagens.

Nada fará com que você seja convertido sem uma boa página de boas-vindas.

Portanto, é fundamental que você crie a página de boas-vindas mais conveniente para sua empresa, a fim de melhorar a primeira impressão que você recebe dos clientes em potencial.

Ser original em seu texto, manter o design simples e a experiência sem atritos são apenas algumas maneiras de aumentar a qualidade.

Além disso, não se esqueça de aprimorar a experiência que se segue.

A experiência geral do usuário que você oferece mais tarde pode fazer ou desfazer a conexão que você formou com os clientes em potencial.