Imagem: 80 telas de onboarding de apps [designs originais da Roastmyapp]
Acredito que todo funnel de onboarding de app mobile de alta conversão é construído sobre 10 pilares essenciais, de um jeito ou de outro. Esta é a estrutura anatômica de base que uso para preparar variantes de onboarding que valem um teste...
Imagem: 10 pilares essenciais de um funnel de onboarding de app de alta conversão
- Bloco de boas-vindas: alinhe a narrativa às promessas feitas no topo do funnel nos criativos, nas palavras-chave e nas capturas de tela da loja
- Reconhecimento do problema: aponte a dor, intensifique-a e crie ressonância emocional antes da proposta
- Promessa do produto: mostre como são os resultados ideais se o usuário seguir em frente
- Mecanismo da solução: comunique como o seu app cumpre a promessa
- Prova de que funciona: prove que a solução funcionou para pessoas exatamente como elas
- Resultado personalizado: devolva um resultado sob medida que elas ajudaram a construir
- Comprometimento antes do paywall: aprofunde o investimento do usuário com pequenos compromissos
- Paywall do onboarding: o seu primeiro pedido de compra do que você vende
- UX de onboarding pós-compra: reconheça o investimento financeiro que o usuário acabou de fazer
- Estímulo à ativação da funcionalidade principal: leve o usuário à experiência de maior valor antes do cancelamento do teste ou, pior, [de pedidos de reembolso].
Observação: esta não é uma fórmula rígida, linear ou sequencial. É, antes, um modelo mental de base que me permite construir jornadas de onboarding desenhadas com intenção.
Cada tela que você encontra abaixo é um design original que criamos para apps com os quais trabalhamos ao longo dos anos. Vou ser sincero: nem todas essas iterações de onboarding resultaram em aumento de receita. Mas, claro, muitas resultaram [por exemplo, uma reformulação completa do onboarding resultou em um aumento de 30%+ na receita líquida]
“É impressionante como muitas das minhas pequenas sugestões foram parar no novo design do onboarding.” —Timo
“Os seus designs de onboarding são excelentes. Adoro ter opções de alta qualidade para testar em seguida.” — Luke
“As novas telas de onboarding são realmente bonitas e combinam muito bem com o meu app.” —Jonah
Quer testar 2 fluxos de onboarding de app radicalmente novos nas próximas 4 semanas? Confira o meu sprint de design e otimização do onboarding abaixo.
Imagem: Sprint de design e otimização do onboarding de apps mobile
7 princípios que sigo na experimentação de onboarding de apps mobile
- Diagnostique os pontos de atrito antes de mexer em qualquer coisa → Minha regra prática: uma queda de 15 a 20%+ entre duas telas é um grande sinal de alerta que vale investigar.
- O onboarding continua a narrativa prometida no topo do funnel → Construa sobre a promessa que o seu anúncio fez. Elimine qualquer expectativa não atendida. E então faça a ponte para a solução.
- Tudo é escrito na linguagem que os clientes falam → Ninguém escreve da imaginação. Monte uma planilha de voz do cliente usando avaliações da App Store, transcrições de entrevistas, pesquisas e outras fontes.
- Dê um propósito a cada tela, ou corte-a → Uma tela merece o seu lugar se segue Frameworks de storytelling comprovados, gera motivação ou nos ensina algo sobre o usuário [idade, perfil demográfico, fonte de aquisição etc.]
- A duração do onboarding depende do tamanho do problema e de quão perto ele está de um desejo humano essencial → Apps de dor intensa convertem melhor com um onboarding longo. Apps de dor leve se saem melhor com um curto.
- A regra 5-5-5. As primeiras 5 telas após a instalação, as 5 telas antes do paywall, as 5 telas após a compra → Esses 3 trechos de telas têm a maior prioridade para corrigir as quedas, preparar o usuário para o pedido e eliminar a ansiedade que faz cancelar um teste.
- Acompanhe o funnel tela por tela, em nível granular → Além das métricas principais, como a conclusão do onboarding, o início de teste, a conversão de teste para pago e a receita líquida por usuário, a análise de dados deve mostrar quais respostas as pessoas escolhem e como a conversão varia por idade, trabalho a ser feito, fonte de aquisição e o problema com que chegaram.
Pilar #1/10 → Bloco de boas-vindas
O primeiro conjunto de telas após a instalação. Ele diz às pessoas para que serve o app e as coloca no funnel. É também aqui que encontramos quedas significativas. Principalmente quando a promessa feita no topo do funnel não continua após a instalação.
As pessoas chegam com uma expectativa criada por um criativo de anúncio, uma página na loja ou uma busca. A tela de boas-vindas a confirma ou a quebra. Alinhe a narrativa, não só a identidade visual. O título da proposta de valor deve ecoar o criativo que as trouxe até aqui.
Como fica no design: avaliações, número de instalações ou logos da imprensa logo abaixo, para que a confiança seja transferida. Uma única ação principal e um pequeno link de login para quem já tem uma conta.
Pilar #2/10 → Reconhecimento do problema
São telas de perguntas, de feedback e de conteúdo criadas para apontar a dor, os problemas e os obstáculos com que as pessoas chegaram aqui.
Como fica no design: perguntas de quiz com vários métodos de resposta, como listas de sintomas com múltipla escolha, seletores de opções e controles deslizantes. As telas de feedback tratam do custo da inação, ou mostram o que acontece se as pessoas continuarem no caminho em que estão.
Pilar #3/10 → Promessa do produto
Estas telas de onboarding mostram o outro lado do problema. O resultado ideal, a transformação, o antes e depois.
Depois que as pessoas contam o que está errado, elas precisam ver como fica o problema resolvido antes de seguir em frente. Mantenha a promessa ousada, mas um pouco incompleta. O suficiente para que continuem, não a proposta inteira. A proposta inteira é o papel do paywall.
Como fica no design: perguntas sobre objetivos, gráfico de projeção, comparação de antes e depois, ou uma pequena amostra do melhor cenário em que elas poderiam estar.
Pilar #4/10 → Mecanismo da solução
Telas de onboarding para comunicar como você vai realmente cumprir a promessa que acabou de fazer.
Uma promessa sem um mecanismo por trás soa como mera alegação e pensamento positivo. Funnels de alta conversão separam o mecanismo do problema [por que isso está acontecendo com elas] do mecanismo da solução [como o seu app resolve isso].
Como fica no design: a UI real do app, não ilustrações. Ou melhor, deixe os usuários experimentarem na prática. Um app de orçamento pode pedir ao usuário que registre uma despesa recente dentro do funnel, antes de ter pago qualquer coisa.
Pilar #5/10 → Prova de que funciona
Telas de onboarding que mostram a prova de que esse mecanismo de solução funcionou para outras pessoas na mesma situação. Os usuários querem saber se isso funcionou para alguém na situação deles, e querem saber isso logo antes de receberem o pedido de pagamento.
Como fica no design: avaliações da App Store e da Play Store, resenhas, depoimentos, logos da imprensa e os dados de análise do produto que você já tem no seu banco de dados [por exemplo, refeições preparadas, golpes bloqueados, horas economizadas.]
Missão secundária rápida → como o meu processo de design de crescimento mudou depois da IA?
Antes, tudo começava no Figma e terminava no código. Agora é o contrário. Começamos pelo código, depois refinamos tudo no Figma e adicionamos o nosso toque humano.
Eu chamo isso de design com a IA em primeiro lugar e um humano no circuito. Veja como funciona:
- Construa um protótipo funcional do funnel de onboarding em HTML usando ferramentas como Mobbin MCP e Claude Code
- Obtenha a aprovação do conteúdo, dos componentes de UI e dos padrões de design quando já sabemos o que vai em cada tela
- Refine no Figma onde for preciso. Adicione o toque humano. Elimine qualquer cara de conteúdo genérico de IA.
- Entregue as especificações aos desenvolvedores, ou construa em uma ferramenta de onboarding sem código, como RevenueCat, Superwall ou Adapty.
Antes da IA, os wireframes eram uma parte importante deste processo. Não são mais. Hoje passamos a maior parte do tempo no Claude.
Por que ainda adicionamos um toque humano a cada tela: hoje as pessoas reconhecem conteúdo genérico de IA de longe. E, no momento em que reconhecem, associam a ela uma conotação negativa. Tomo muito cuidado para não colocar conteúdo genérico de IA em produção e prejudicar a reputação de um cliente para economizar um dia de trabalho.
Como os prazos mudaram: antes da IA, preparar um novo funnel de onboarding levava pelo menos 2 semanas. Agora, se você der prioridade máxima, uma nova variante de onboarding completa pode ficar pronta para ir para produção em 3 a 7 dias.
Por último, 1 observação recente: as empresas que publicam apps com quem converso e trabalho parecem mais à vontade construindo elas mesmas a variante de onboarding em código do que recorrendo a uma ferramenta sem código. Com você também é assim?
Pilar #6/10 → Resultado personalizado
Telas de onboarding que mostram a recompensa por cada pergunta que você fez. Uma pontuação, um diagnóstico, um plano com o nome e os números da própria pessoa escritos nele. Esta é a tela que as pessoas menos querem abandonar, porque ajudaram a construí-la. Isso tem nome: efeito IKEA.
Como fica no design: tela de análise, porcentagens, pontuação em um mostrador, ou um resumo do que a pessoa está fazendo certo e errado. Ou um plano personalizado com as respostas dela visíveis nele.
Pilar #7/10 → Comprometimento antes do paywall
O seu último trecho antes do pedido. Criação de conta, pedidos de permissão, pactos de compromisso, escadas do sim e uma última tela de prova social.
Observação: a criação de conta e o pedido de ativação das notificações push quase sempre custam usuários. Mas, muitas vezes, eles saem ganhando quando a motivação e a confiança que acrescentam valem mais do que o atrito que causam.
Como fica no design: um pacto de compromisso que o usuário aceita com um toque. Um agendador de lembretes. Menções em veículos de imprensa respeitados. E um que vale testar em quase todo app: a criação de conta depois do paywall, em vez de antes.
Pilar #8/10 → Paywall do onboarding
O seu principal pedido de início de teste ou de compra direta. Cada pilar antes deste existe para que esta tela funcione. É aqui que você descobre se a jornada anterior cumpriu bem o seu papel ou não.
Como fica no design: paywalls de várias etapas, seletores de plano, o padrão de design com a linha do tempo do teste comentada, ofertas de saída e ofertas únicas, que são o seu segundo pedido a um usuário que já disse não uma vez.
Pilar #9/10 → UX de onboarding pós-compra
As telas que um usuário pagante vê logo depois de converter. Ele acabou de fazer um investimento. As próximas telas confirmam essa decisão ou fazem surgir a ideia de pedir reembolso. Um novo assinante que cai em um app vazio já está pensando em cancelar.
Como fica no design: uma mensagem do fundador. Um tour guiado. Uma chamada 1:1 de onboarding gratuita para produtos de ticket mais alto. Um convite para a comunidade. É barato de construir, mas quase ninguém faz.
Pilar #10/10 → Estímulo à ativação da funcionalidade principal
Levar o usuário a concluir a primeira ação principal. Não um tour por todas as funcionalidades. Uma ação que entrega exatamente o que foi prometido a ele na entrada. Desenhe isso do ponto de vista da monetização, não do engajamento.
Como fica no design: um convite para o primeiro registro. Um checklist de configuração curto com um anel de progresso, para que o trabalho já pareça começado. Uma confirmação de teste desbloqueado que aponta para a próxima ação, em vez de um beco sem saída.
Perguntas frequentes
O que é o onboarding de apps mobile?
O onboarding de apps mobile é a sequência de telas que um usuário percorre entre instalar o seu app e chegar à primeira ação principal que entrega o valor que ele veio buscar. Em um app de assinatura, ele também precisa levar o usuário pelo primeiro paywall, e é isso que o diferencia do onboarding de um produto gratuito. Não é um tour pelas funcionalidades. A função dele é fazer o usuário sentir o problema o suficiente e acreditar o suficiente no seu mecanismo para que o pedido funcione.
Qual é a diferença entre o onboarding de apps mobile e um tour pelo produto?
Um tour pelo produto ensina às pessoas onde ficam os botões. O onboarding de um app mobile de assinatura precisa vender antes de ensinar. Um tour parte do princípio de que o usuário já decidiu usar o produto, então a função dele é a compreensão. O onboarding não parte de nenhum princípio, então a função dele é a motivação, a crença e o compromisso, e a compreensão vem depois da compra. Se o seu onboarding é um carrossel de capturas de tela de funcionalidades, você construiu um tour e está pedindo dinheiro no final dele.
Quantas telas um funnel de onboarding de app deve ter?
Não existe um número absolutamente certo ou errado, e ele não é decidido pelo que os seus concorrentes estão fazendo. Nossa regra prática: quanto maior o problema, e quanto mais perto ele está de um desejo humano essencial, mais longo o onboarding costuma precisar ser.
Apps de dor intensa têm onboardings longos, porque o funnel precisa fazer o usuário sentir o problema antes do pedido. Para apps de dor leve, um onboarding curto costuma funcionar melhor. Pergunte quanto trabalho o seu funnel precisa fazer, e não quantas telas ele deve ter.
O que é a regra 5-5-5 na otimização do onboarding de apps mobile?
A regra 5-5-5 diz que três trechos curtos de telas decidem a maior parte da receita de assinaturas: as primeiras cinco após a instalação decidem se o usuário fica, as cinco antes do primeiro paywall decidem se ele está pronto para receber o pedido, e as cinco após a compra decidem se ele cancela.
O paywall deve ficar dentro do fluxo de onboarding ou depois dele?
Dentro, quase sempre, e mais cedo do que a maioria dos times se sente à vontade. Um usuário que respondeu a perguntas sobre o seu problema, viu um resultado personalizado e assumiu um pequeno compromisso está muito mais disposto a receber o pedido do que o mesmo usuário três sessões depois. A exceção são os apps com um gatilho natural no dia a dia do usuário, em que o valor fica óbvio no primeiro uso e o pedido pode esperar. Teste o posicionamento em vez de supor. É um dos experimentos mais baratos que existem e tem mais efeito do que a maioria das mudanças de texto.
Qual é uma boa taxa de conclusão do onboarding de apps mobile?
É o número errado para otimizar. A taxa de conclusão é fácil de mover eliminando telas, e eliminar as telas que constroem o problema costuma aumentar a conclusão enquanto reduz a receita. Nós a usamos para diagnóstico, nunca como métrica principal. O que importa é a receita líquida por usuário, depois a conversão de instalação para pago e a conversão de teste para pago. Se você quer uma regra prática de diagnóstico, olhe a queda entre telas individuais, e não o total: 15 a 20%+ de uma tela para a seguinte costuma ser um sinal de alerta que vale investigar.
Quais são os 10 pilares de um funnel de onboarding de app de alta conversão?
Bloco de boas-vindas, reconhecimento do problema, promessa do produto, mecanismo da solução, prova de que funciona, resultado personalizado, comprometimento antes do paywall, paywall do onboarding, UX de onboarding pós-compra e estímulo à ativação da funcionalidade principal. Nem todo app precisa dos dez, mas a ordem importa mais do que a quantidade.
Quanto tempo leva para projetar e lançar uma nova variante de onboarding?
Antes da IA, levava pelo menos 2 semanas. Agora, se você der prioridade máxima, uma nova variante de onboarding completa pode ficar pronta para ir para produção em 3 a 7 dias.
Primeiro construímos um protótipo funcional do funnel em HTML, fechamos o conteúdo, refinamos no Figma e depois entregamos aos seus desenvolvedores ou construímos em uma ferramenta de onboarding sem código. Ler o resultado leva mais tempo do que construir, porque mantemos os testes durante toda a janela de conversão de teste para pago, em vez de decidi-los pela conversão do dia 0.
O seu processo de design de crescimento coloca a IA em primeiro lugar?
Sim. Eu chamo isso de design com a IA em primeiro lugar e um humano no circuito. Antes, tudo começava no Figma e terminava no código. Agora é o contrário: começamos pelo código, usando ferramentas como Mobbin MCP e Claude Code para construir um protótipo funcional do funnel de telas em HTML, depois refinamos no Figma e adicionamos o nosso toque humano. Os wireframes eram uma parte importante do processo. Não são mais.
Por que não lançar simplesmente funnels de onboarding gerados por IA?
Porque as pessoas conseguem reconhecer quando algo foi feito por IA, e há uma conotação negativa associada a isso no momento em que reconhecem. Um funnel com cara de gerado mina a confiança exatamente no momento em que você está pedindo um pagamento a alguém, e esse dano se estende à forma como a pessoa vê a sua marca muito depois do fim do teste A/B.
Tomamos muito cuidado para não colocar conteúdo genérico de IA em produção e prejudicar a reputação de um cliente para economizar um dia de trabalho. A IA é uma ferramenta de velocidade dentro do nosso processo. Ela não é o processo.
Como vocês escrevem os textos das telas de onboarding?
A partir de uma planilha de voz do cliente que montamos para o seu app antes de começar qualquer trabalho de design. É a base de conhecimento com que trabalhamos. Garimpamos avaliações de usuários na App Store e em outras fontes, além de pesquisas, pedidos de funcionalidades e chamados de suporte, e escrevemos o onboarding inteiro a partir disso. Ninguém do time escreve uma tela de onboarding da imaginação.
Quantas iterações do funnel de onboarding vocês costumam fazer?
Dependendo do tráfego, o programa totalmente gerenciado de 3 meses lança 10+ experimentos em onboarding, paywall, preços e monetização, todos a partir de um roadmap priorizado com RICE. O sprint de onboarding lança 2 funnels de onboarding radicalmente novos em 4 semanas. A cadência importa mais do que qualquer reformulação isolada. Uma reformulação pontual do onboarding dá a você um único dado. Uma cadência constante gera resultados que se somam.
Quais métricas de sucesso vocês medem nos experimentos de onboarding?
A taxa de conclusão é um indicador indireto. Útil para o diagnóstico, errada como métrica principal. A receita líquida por usuário é a nossa métrica principal nos testes de onboarding, com a conversão de instalação para pago, a taxa de início de teste e a conversão de teste para pago como os números ligados à receita. Queremos relatórios do funnel tela por tela no Mixpanel ou no Amplitude, não um único número de conclusão do onboarding, e lemos a conversão por segmento: idade, trabalho a ser feito, fonte de aquisição e o problema com que o usuário chegou.
Como conseguimos uma auditoria do nosso funnel de onboarding e quanto custa?
A auditoria é gratuita. Você pode enviar o seu app aqui. Depois do envio, analisamos juntos a sua configuração de paywall e onboarding em uma chamada de 30 minutos. A maioria das pessoas que trabalham com apps sai sabendo onde o funnel delas perde receita de assinaturas e quais 3 experimentos rodar primeiro.
Depois da auditoria inicial, você escolhe 1 dos 4 planos:
→ Programa de monetização e CRO totalmente gerenciado: 15.000 USD em pagamento único por um projeto de 3 meses. Projetamos, codificamos, lançamos e analisamos 10+ experimentos em onboarding, paywall, preços e monetização.
→ Sprint de design e otimização do onboarding: 7.500 USD em pagamento único por um sprint de 4 semanas. Teste 2 fluxos de onboarding mobile radicalmente novos com designs e textos prontos para produção. Totalmente feito para você.
→ 1 experimento de paywall ou de monetização: 1.000 USD em pagamento único. Projetamos, implementamos e analisamos 1 teste no seu stack atual.
→ Consultoria 1:1: 1.500 USD por mês, mês a mês. Eu direciono, o seu time constrói.
Os 3 planos feitos para você têm pagamento único. Sem mensalidade. Sem renovação automática. Veja todos os planos e preços aqui.
Qual é a diferença entre a Roast My App e o serviço de crescimento da Superwall?
O serviço de crescimento da Superwall se concentra em experimentos de paywall, preços e ofertas, em um plano mensal que começa em 5.000 USD por mês, dependendo da receita. A Roast My App cobre toda a jornada de monetização D0, com o design e a otimização do funnel de onboarding no centro, a preços fixos com pagamento único nos seus planos feitos para você e com uma garantia de ROI positivo. Leia a comparação completa: Alternativa à Superwall para serviços de crescimento em monetização.
Chegou até aqui? Parabéns, você é do tipo que vai até o fim. Aqui estão outros 3 recursos interessantes para você conferir.
Imagem: biblioteca de experimentos de paywall de Muhammad Rahat
Imagem: exemplos de paywalls do Swipe File da Roastmyapp
Imagem: compilação de erros de otimização de paywall
Precisa de ajuda com o design e a otimização do funnel de onboarding do seu app mobile?
Comece com uma auditoria de CRO gratuita do seu app: marcamos um bate-papo de 30 minutos com um café no Google Meet para analisar juntos a configuração atual de paywall e onboarding do seu app mobile. Tento fazer essa análise para 5 apps por mês, totalmente GRÁTIS.
No final, as pessoas saem sabendo quais são os 3 maiores obstáculos que estão custando dinheiro de verdade a elas. Se eu achar que o meu programa de monetização e CRO para apps não é adequado para o seu app, também vou dizer isso a você.
Saiba mais sobre o meu 11FA Monetization & CRO Framework aqui →
Abraços,
Muhammad Rahat
Fundador da Roast My App LLC
