Melhorando a experiência do usuário através de um novo onboarding
Um fluxo de cadastro que precisava ser confiável para empresas que estavam começando a usar a plataforma. O trabalho foi desde o mapeamento de cenários de exceção até a criação do design system que sustentaria o produto.
Intro
Contexto
O Claro Pay Empresas é uma solução de pagamentos corporativos da Claro. O produto precisava de uma experiência de onboarding mais intuitiva e profissional para empresas que estavam iniciando na plataforma.
O desafio
O fluxo de cadastro não dava conta da realidade de uso. Cenários simples como CNPJ inválido, CEP inexistente ou CNPJ válido mas não aceito para MEI ou SLU não tinham tratamento claro.
Os usuários erravam, travavam e abandonavam o processo sem entender o que tinha dado errado.
O que eu fiz
Redesenhei o fluxo principal de onboarding, mapeei mais de 15 cenários de exceção, defini o design system com tokens visuais e especifiquei os componentes de interface do produto.
Resultado final
Redução de 40% no tempo médio de conclusão do onboarding. Mais de 15 cenários de exceção mapeados e resolvidos antes do lançamento.
Discovery
O processo começou com análise competitiva de players diretos e indiretos: PagSeguro Empresas, Mercado Pago Business e Stone no lado direto, Nubank, Inter e C6 Bank no indireto.
Três padrões ficaram claros: indicar etapas e tempo estimado aumenta a taxa de conclusão, feedback imediato sobre dados inseridos reduz fricção, e erros explicados de forma objetiva são essenciais no B2B.
Abordagem
O fluxo principal foi organizado em cinco etapas: cadastro inicial, validação de documentos, dados da empresa, confirmação de identidade e conclusão. Cada passo foi desenhado para minimizar atrito e maximizar clareza.
O que diferenciou esse projeto foi o mapeamento completo de cenários de exceção desde o início — CNPJ inválido, CNPJ válido mas não aceito para MEI ou SLU, CEP inexistente — cada situação com mensagem específica e ação sugerida.
Meu papel
Construir Fluxos
Criação do fluxo principal de onboarding e mapeamento completo de todos os cenários de exceção.
Iniciar o Design System
Definição da tipografia, hierarquia visual, cores, espaçamento e sistema de sombras.
Criar a Estrutura de Componentes
Design e especificação de componentes: botões, inputs, ícones e elementos de interface.
Fluxos
principais
Estados de erro e estados de sucesso foram tratados com o mesmo cuidado. Tratamento detalhado com mensagens claras e ações sugeridas, incluindo validação de CNPJ, documentos e dados bancários.
Feedback positivo em cada etapa concluída reforça o progresso e indica claramente os próximos passos, mantendo o usuário motivado durante todo o processo.
Engenharia
de design
O design system foi definido em paralelo ao fluxo, não depois. Paleta de cores com primária em vermelho Claro, backgrounds e superfícies em tons escuros. Tipografia com Space Grotesk para headers e Roboto para corpo e interface.
Sistema de botões em três níveis — primário, secundário e terciário — e campos de input com estados de erro explícitos, para que engenharia não precisasse tomar decisões visuais durante a implementação.
Resultado
40% de redução no tempo médio de conclusão do onboarding. Mais de 15 cenários de exceção resolvidos antes do lançamento, eliminando pontos de abandono que existiam no fluxo anterior.
Indicar progresso claramente importa: etapas visíveis e tempo estimado mudam a percepção de controle do usuário em processos longos.
Design system coeso acelera o desenvolvimento: um sistema bem estruturado garante consistência entre cenários e facilita a manutenção futura.
Este case study contém informações de projetos desenvolvidos sob acordos de confidencialidade (NDA). Alguns detalhes sensíveis foram alterados ou omitidos para respeitar esses compromissos. O conteúdo apresentado aqui reflete minhas próprias análises e contribuições e não representa necessariamente a posição oficial das empresas envolvidas.
Obrigado pelo seu tempo!