Projeto de Produto Digital
Redução do abandono de cadastro e empoderamento de voluntários com LGPD em primeiro lugar.
Como UX Research e um Design System acessível transformaram o onboarding da SouJunior e deram autonomia aos usuários.
Voltar aos projetos
Visão Geral
Redesign da jornada de cadastro e acompanhamento de vagas da SouJunior, com foco em reduzir o abandono de formulários e dar autonomia ao voluntário. O projeto uniu validações em tempo real, transparência nos termos de uso e um painel de carreira próprio, otimizando a experiência do usuário e aliviando a sobrecarga do time de suporte.
Meu papel:
- UX Research.
- Redesign do fluxo, criação das telas de Perfil e Candidaturas.
- Desenvolvimento do Design System.
Ferramentas:
- Figma
- FigJam
Problema
O formulário antigo gerava frustração e perda de dados por não ter validação imediata de campos. Além disso, o cancelamento era feito sem aviso prévio, os Termos de Uso não eram claros e o voluntário não tinha nenhuma área pessoal para acompanhar suas candidaturas.
Impacto no negócio:
- Abandono de cadastro, dúvidas recorrentes e sobrecarga no time de suporte.
Solução
- Validação em tempo real: Feedback instantâneo de erros (e-mail inválido, campos obrigatórios não preenchidos).
- Modal de confirmação: Evita a perda acidental de dados ao clicar em "Cancelar".
- Termos de Uso transparentes: Exibidos de forma clara antes da finalização.
- Área do Voluntário: Criação das telas "Meu Perfil" (editar dados) e "Minhas Candidaturas" (status e timeline visual do processo seletivo).
UX Research
Para validar as dores, realizei:
- Benchmarking de plataformas concorrentes.
- Análise heurística para identificar barreiras de usabilidade.
- Testes com 5 usuários para entender a jornada real.
Insight-chave:
- Os voluntários não queriam apenas se cadastrar; eles precisavam de clareza, controle e visibilidade sobre todo o processo. Esse insight guiou a criação da linha do tempo e da área de candidaturas.
Design
A construção da solução foi feita de forma escalável e pensada na implementação:
- Esboços e fluxos de tarefa (papel e caneta): Para validar a arquitetura da informação antes de ir para o Figma.
- Design System completo: Estruturei uma biblioteca com paleta de cores, tipografia, sombras, ícones e estados de interface. Isso garantiu consistência visual e facilitou a implementação do time de desenvolvimento.
- Protótipo de Alta Fidelidade: Criado com os componentes do design system, incluindo validações interativas, modais de termos e timeline de etapas.
- Feedback imediato de erros.
- Fluxos simplificados.
- Componentes reutilizáveis.
- Timeline de acompanhamento.
Design System:
- Estruturei um design system com componentes reutilizáveis, tipografia, cores e estados de interface, promovendo consistência visual e facilitando a implementação pelo time de desenvolvimento.
Desenvolvimento
Entregáveis:
Foram entregues ao time de tecnologia e ao cliente:
- Documento de Benchmark com boas práticas de mercado.
- Protótipo de Alta Fidelidade navegável (Figma) para validação do fluxo.
- Design System com todas as variações de estado (campos de formulário, botões, alertas de erro/sucesso) pronto para ser usado pelos desenvolvedores.
- Arquivos e guias de acessibilidade para garantir a implementação correta.
No items found.
