Como criar uma grande página de boas-vindas com boa conversão

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

Isso é 50 milissegundos.

E isso é METADE o tempo de um piscar de olhos médio.

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

Isto significa que os usuários julgam a maioria de seu conteúdo pela primeira coisa que veem em seu website ou aplicativo. E isso geralmente é uma página de boas-vindas.

Espero que você já tenha compreendido a importância de uma página de boas-vindas porque, neste artigo, vou tentar definir brevemente o que é exatamente uma página de boas-vindas, e logo em seguida, vou tentar estabelecer algumas regras básicas e exemplos de uma grande página de boas-vindas.

Vamos lá:

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

Uma página de boas-vindas é a introdução de um website 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 página de boas-vindas bem sucedida para seu aplicativo é crucial porque você pode cumprimentar as pessoas com ela.

É 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 Primeiro as primeiras coisas; 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 daquele filme de 2016 “Arrival”? (caso você não o tenha visto: é um filme de ficção científica girando em torno de um cientista que está tentando falar com alienígenas)

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.

how to design a welcome page

O que fazer e o que não fazer

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.

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.

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 em seu website ou no outro link que você pode lançá-los em seu website.

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 e seja original.

Faça um acompanhamento com um grande 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.

User Onboarding refere-se a levar novos usuários aos seus momentos “Eureka!” mostrando-lhes o valor de seu produto e como eles podem alcançá-lo.

Ele inclui visitas interativas ao produto, mensagens in-app, hotspots, listas de verificação onboarding e vários outros elementos onboarding; tudo isso você pode criar com o UserGuiding sem codificar.

Depois de ter sua página de boas-vindas pronta, concentre-se em seu usuário onboarding para completar a experiência. E não acredite em minha palavra sobre o UserGuiding, experimente de graça agora mesmo.

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.

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.

Não force nada,

A gente te 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…

Exemplos de páginas de boas-vindas

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

Trivago

welcome page examples 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.

Letterboxd

welcome page examples 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.

Lyft

welcome page examples 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.

Khan Academy

welcome page examples 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. 

Airbnb

welcome page examples 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. 

Grammarly

welcome page examples 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.

Devon Stank

welcome page examples 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.

Skype

welcome page examples 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.

Dropbox

welcome page examples 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.

2048 Puzzle

welcome page examples 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.

welcome page

Junte-se a 9.000+ equipes que já estão criando experiências melhores

Teste gratuito de 14 dias, com mais 30 dias de garantia de dinheiro de volta

welcome page

Share this article:

Selman Gokce

Selman Gokce is the Senior Inbound Marketer of UserGuiding. He is highly invested in user onboarding and digital adoption, especially for SaaS, and he writes on these topics for the UserGuiding blog. When he's not writing, you can find him either listening to LOTR soundtracks while cooking or getting angry because he lost in a video game.

Copy link