APOIA.se: Reduzindo em 80% o abandono na criação de campanhas
Redesenho da homepage (B2B/B2C) e arquitetura guiada em 6 etapas em uma plataforma com 100k+ campanhas e R$ 150M+ transacionados.
Papel
Design Lead / Principal Product Designer (parceria com Laís Toledo e 1 PM)
Duração
2021–Presente
Cliente
APOIA.se · Crowdfunding & Creator Economy
Ano
2022–2025
Problema: 80%+ de abandono no funil de criação de campanhas devido a um formulário único extenso, moldado por regras jurídicas e sem feedback visual.
Atuação: Liderança de design na reestruturação da homepage (segmentando B2B e B2C), criação do fluxo guiado em 6 etapas com live preview e implantação do primeiro Design System da empresa.
Resultado: Eliminação do gargalo histórico de abandono, aceleração do handoff entre squads e suporte direto a um ecossistema de 100k+ campanhas e R$ 150M+ em transações.
Contexto & Problema
Ao longo dos anos, o cadastro de campanhas acumulou dezenas de campos obrigatórios exigidos pelo jurídico e financeiro. Quem chegava com uma ideia na cabeça dava de cara com um paredão cinzento de perguntas técnicas. O criador não sabia quanto faltava para terminar nem como aquelas informações ficariam na página final.
O Desafio
Manter 100% dos requisitos legais e de compliance de pagamentos recorrentes, mas transformar a experiência em um percurso leve para criadores de primeira viagem.
Decisão & Trade-off de Produto
Não podíamos simplesmente cortar campos obrigatórios por exigência regulatória do Banco Central e parceiros de pagamento. A decisão estratégica foi adiar dados bancários complexos para o momento pós-rascunho e dar retorno visual imediato (live preview) a cada campo preenchido.
Processo & Descoberta
Estruturamos a primeira prática formal de pesquisa da APOIA.se, cruzando funil do Google Analytics com gravações de sessão no Hotjar e entrevistas com usuários que abandonaram o cadastro. Ficou claro que o problema não era falta de interesse na home, mas sobrecarga cognitiva no formulário.
Onde o clique parava
Mapeamento completo do fluxo no Figma cruzado com mapas de calor e auditoria de tickets de suporte. Provamos para os stakeholders que otimizar apenas o botão da home não resolveria a retenção.
- Auditoria de funil quantitativo (GA) e qualitativo (Hotjar)
- Entrevistas com criadores ativos e desistentes
- Alinhamento de restrições técnicas com engenharia e jurídico
Clareza de proposta antes do cadastro
Redesenhamos a porta de entrada para explicar sem rodeios a diferença entre financiamento contínuo e pontual, criando caminhos distintos para produtores independentes e marcas parceiras.
Ver a página nascer enquanto preenche
Dividimos o formulário monolítico em 6 passos curtos. Ao lado dos campos, inserimos um espelho em tempo real: cada título, foto ou meta digitada já montava a vitrine pública da campanha na hora.
- Preview interativo em tempo real ao lado do formulário
- Dashboard de progresso claro com salvamento automático de rascunho
- Dicas contextuais inline substituindo blocos longos de instrução
Componentização para mobile e desktop
Construção e evolução do Design System da APOIA.se no Figma (componentes, tokens e padrões de acessibilidade), acelerando a entrega consistente entre múltiplos times de engenharia.
Arquitetura de Telas & Interfaces
Impacto & Resultados
- —Queda drástica no abandono histórico de 80% na criação de campanhas
- —Implantação do primeiro Design System e prática de User Research da empresa
- —Simplificação da jornada em um produto que suporta 100k+ campanhas e R$ 150M+ em transações
- —Redução de chamados básicos de suporte durante o onboarding de criadores
Aprendizado
“Não adianta desenhar uma tela bonita se a sequência inteira exaure quem está usando. Quando a pessoa vê o próprio trabalho ganhando forma em tempo real, o formulário deixa de ser burocracia e vira construção.”