Como Criar uma Excelente Página de Boas-vindas

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

So, without further ado, let’s dive right in ⬇️

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

Uma página de boas-vindas é a introdução de um site ou de um aplicativo ao seu conteúdo interno.

Você vai representar seu negócio para novos usuários.

Você está formando uma imagem do seu negócio.

Você vai estabelecer algumas expectativas na cabeça das pessoas.

Criar uma boa página de boas-vindas para seu aplicativo é crucial porque é por meio dela que você receberá as pessoas.

É como uma ilustração da proposta de valor de sua marca, o momento em que as pessoas chegam a uma decisão se vão ou não explorar seu conteúdo.

É realmente um tomador de decisão, a maioria dos usuários formará sua opinião sobre sua marca após o primeiro olhar para sua página de boas-vindas, então você definitivamente precisa de uma ótima página.

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 notas 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?

Você não concorda que se nossas primeiras palavras aos alienígenas fossem “Ponha suas mãos onde eu possa vê-las”, eles na melhor das hipóteses iriam embora e nunca mais voltariam e, na pior das hipóteses, nos evaporariam a todos?

Bem, se você mostrar a mensagem errada de primeiro contato aos usuários, eles podem fazer a mesma coisa, sair ou destruir seu negócio com palavras de boca ruins e críticas negativas.

Em primeiro lugar, seja entusiasta e gentil com sua mensagem de boas-vindas. E depois você pode misturar as coisas adicionando 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}” como todos nós estamos familiarizados. Mas talvez seja mais interessante acrescentar o que eles vão fazer ao botão CTA.

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

#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.

Considere principalmente seus usuários-alvo e crie um projeto adequado para eles.

Por exemplo, você tem uma página na Internet que contém artigos avançados sobre a história. Você visa principalmente aos estudiosos 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 lide com notícias atualizadas sobre videogames, usando cores neon -suficientemente – seria agradável e chamativo.

Mas não esqueça que você deve se manter afastado dos estereótipos. Eles podem repelir algumas pessoas.

No final, a maneira mais certa de entender os gostos e aversões de seu público é o método de tentativa e erro. Todos têm um gosto diferente. Portanto, você deve considerar o gosto de seu grupo-alvo.

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

como criar uma página de boas vindas

1- Escolha palavras impressionantes ✅

você deve atrair o visitante para sua página, mas ao mesmo tempo tente não exagerar.

Entregue uma mensagem poderosa e clara a eles. Escolha palavras de poder como “ideal, mais usadas, no mundo inteiro”, mas tente ficar longe delas se você acha que está exagerando.

2- Personalize a experiência ✅

isto os fará sentir que você se importa.

Por exemplo, muitas páginas web e aplicativos levam informações pessoais como nome, e-mail, idade, e tudo mais. Quando os clientes passam esta etapa, cumprimentá-los com seu nome é uma maneira inteligente de aumentar seu entusiasmo.

Não se esqueça de lhes agradecer, e alguns afirmam que enviar-lhes um e-mail de saudação é uma boa ideia.

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

Dessa forma, as pessoas podem clicar na barra lateral e ter uma ideia melhor sobre quais conteúdos estão disponíveis no seu site.

4- Seja original ✅

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

Não é ético e a possibilidade de usar sua credibilidade está no final da estrada.

Todos nós gostamos de coisas inauditas e originais. Você está criando um novo negócio e uma nova marca, algumas características diferenciam sua marca de outras marcas prováveis, então por que usar uma ideia antiga à qual todos se acostumaram, ou por que copiar?

Não arrisque, seja original.

5- Faça o acompanhamento com um excelente onboarding de usuários ✅

Sim, eu lhe disse que a página de boas-vindas é onde o usuário forma sua opinião inicial sobre você.

Mas isso não significa que a opinião deles não pode e não será mudada a seu respeito. Especialmente se você não acompanhar em sua página de boas-vindas com um grande usuário a bordo.

Onboarding de usuários significa levar os novos usuários ao momento “Aha!” mostrando a eles o valor do seu produto.

Isso inclui guias interativas, mensagens in-app, hotspots, checklists e vários outros elementos de onboarding – e você pode criar tudo isso com a UserGuiding, sem código!

Com sua página de boas-vindas pronta, concentre-se em seu onboarding de usuários para concluir a experiência.

Software de onboarding de clientes simples, acessível e poderoso

New call-to-action

6- Nunca se atreva a colocar 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 vai criar uma má impressão.

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

As pessoas não podem rolar se você for fazer a página se estender abaixo. Coloque sua oferta, assine botões, e explore botões acima da dobra.

Ninguém está disposto a rolar e rolar e ler ou descobrir tudo sobre sua página. Fique longe de fazê-los rolar, dê às pessoas um botão tentador para 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…

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

exemplos de páginas de boas vindas 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, é.

É 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

exemplos de páginas de boas vindas 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 “Get Started – It’s Free!”, ou, em português “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

exemplos de páginas de boas vindas 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

exemplos de páginas de boas vindas 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. 

5- Airbnb

exemplos de páginas de boas vindas 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. 

6- Grammarly

exemplos de páginas de boas vindas grammarly

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

Há um slogan que provavelmente será uma manchete e uma saudação com o nome do usuário.

As cores são bem usadas e o Grammarly dá algumas opções para melhorar sua escrita imediatamente. É ao mesmo tempo visualmente gratificante e acolhedor.

7- Devon Stank

exemplos de páginas de boas vindas devonstank

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.

8- Skype

exemplos de páginas de boas vindas 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.

Sob isso, 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

exemplos de páginas de boas vindas dropbox

Todos sabem como a tecnologia pode ser perigosa às vezes, pode haver erros, suas informações pessoais podem ser roubadas.

A Dropbox mostra que oferece um serviço promissor que é seguro e que os funcionários e administradores de TI confiam. Ele lhe fala sobre a confiabilidade da Dropbox, mostrando as pessoas que conhecem a tecnologia como sua referência. É uma página de boas-vindas inteligentemente projetada que desperta o sentimento de confiança.

10- 2048 Puzzle

exemplos de páginas de boas vindas 2048

Mas espere, esta não é uma página de boas-vindas!

Você pode estar pensando isso agora…mas é 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 adicional, você só quer abrir o aplicativo e começar a jogar, então é isso que eles lhe dão!

Conclusão

Resumindo, é imperativo que você crie a página de boas-vindas mais conveniente para sua empresa, a fim de melhorar a primeira impressão que você tem dos clientes potenciais.

Sendo original em sua cópia, manter o design simples e a experiência sem atritos são apenas algumas maneiras de aumentar a qualidade de sua página de boas-vindas.

Além disso, não se esqueça de aperfeiçoar a experiência que segue a página de boas-vindas, pois o UX geral que você oferece é um ponto mais importante no relacionamento de um cliente com seu negócio.

Junte-se a 10+ mil equipes e melhore seu onboarding agora

Teste grátis de 14 dias, com mais 30 dias de garantia de dinheiro de volta!

Share this article:

Selman Gokce

Selman Gokce

Selman Gokce é o Especialista de Inbound Marketing da UserGuiding. Ele estuda muito user onboarding e adoção digital, principalmente para SaaS, e escreve sobre esses assuntos para o blog da UserGuiding. Quando não está escrevendo, ele pode ser visto ouvindo as trilhas sonoras de O Senhor dos Anéis enquanto cozinha ou irritado por ter perdido em algum jogo.