Tryb

Onboarding - UX / UI

Capa do projeto Tryb

Cliente

Tryb

Objetivo

Otimizar a taxa de conversão de usuários que finalizam o cadastro inicial e engajam com o dashboard para ativar seus perfis.

Solução

Implementar um login social e criar um processo de introdução com modelos pré-definidos por categorias para facilitar o acesso ao dashboard, fornecendo designs e links prontos para uso.

Função

Product Design
- User Experience (UX) Designer
- User Interface (UI) Designer

Sobre o Cliente

O Tryb é uma plataforma para criadores de conteúdo. Com uma página única, oferece a oportunidade de distribuir redes sociais, vender conteúdos e capturar leads.

Apresentação do Tryb

Entendendo o Problema

Durante a análise inicial, identificamos, por meio de métricas, obstáculos significativos que estavam dificultando a transição dos usuários para aproveitar plenamente todas as funcionalidades da plataforma. Esses obstáculos impactaram diretamente na experiência, reduzindo a capacidade de explorar e utilizar efetivamente os recursos disponíveis.

Primeira Etapa: Simplificando o Acesso

Para aprimorar a entrada dos usuários, decidimos incorporar o social login (Google, Facebook, etc.), proporcionando uma maneira mais rápida e conveniente de se registrar. Isso simplificou o processo de entrada, eliminando barreiras e reduzindo a fricção no cadastro.

Foi necessário redesenhar por completo o fluxo de cadastro e introdução dos usuários, considerando como lidar com usuários que já haviam acessado utilizando diferentes contas para evitar conflitos.

InícioStart
EntradaSign up button
EntradaClaim your page
CadastroSign up page
AcessoSign in page
DecisãoChooses to sign up SSO
DecisãoChooses to sign up with email
DadosAuthentication email
FormulárioComplete the sign up form
ValidaçãoDoes this email have in our database?
ValidaçãoDoes this email have in our database?
ErroError message
ContaCreate the account
DecisãoConfirmed the email
ErroError message
DecisãoDoes he already claimed the page?
ContaCreate the account
UsernameClaim your username page
SegurançaPassword page
PerfilDisplay name + profile picture page
ResultadoModals

Segunda Etapa: Onboarding Personalizado

Depois de estabelecermos o fluxo específico para cada usuário, reformulamos o processo de introdução. O novo onboarding foi adaptado com modelos pré-configurados e links, garantindo uma transição sem atrito e mais atrativa até o dashboard.

01

Cadastro por e-mail

Novo usuário define seus dados antes de construir o perfil.

Acesso

Escolha e confirme uma senha

Preview
Identidade

Defina seu nome e imagem de perfil

Preview
Objetivo

Escolha o que melhor descreve você

Moda, beleza, fitness ou educação

Preview
Visual

Escolha um template

Preview
Conclusão

Selecione seu plano

02

Cadastro com SSO

Dados sociais são reaproveitados e podem ser ajustados pelo usuário.

Username

Escolha seu endereço público

tryb.cc/seuusername

Preview
Identidade

Revise nome e imagem importados

Preview
Objetivo

Escolha o que melhor descreve você

Moda, beleza, fitness ou educação

Preview
Visual

Escolha um template

Preview
Conclusão

Selecione seu plano

Terceira Etapa: Wireframing

Iniciamos a elaboração dos wireframes, onde delineamos o comportamento desejado de cada tela, visando proporcionar a melhor experiência possível ao usuário em cada interação.

Etapa Final: O Protótipo

  • Tela de Cadastro
  • Tela de Perfil
  • Tela de Categorias
  • Tela de Escolha de Template
  • Tela de Preços
  • Dashboard
Você pode navegar pelo protótipo final no site oficial do Tryb: https://tryb.cc/

Resultados Finais

Observamos um aumento significativo no número de pessoas que criaram contas usando o login social, com o Google se tornando o principal canal (40% de efetividade). A conversão na página de cadastro aumentou 8% em três meses.

No processo de onboarding, notamos um aumento de 10% na conclusão completa. Surpreendentemente, 60% dos usuários optaram por usar um template pronto, resultando em um aumento de 20% na interação com o dashboard. Isso nos levou a iniciar testes de usabilidade em toda a plataforma, descobrindo que os usuários se sentiam desconfortáveis com um dashboard vazio.