Trabalho

SaaS · Pagamentos · 2025

Ticto

Fui responsável por toda a UI de uma plataforma de pagamentos usada por milhares de produtores: do cadastro, que cortou em 60% o TTV (o tempo até o primeiro valor), à dashboard que virou o app oficial.

Cliente
Ticto
Papel
Product Designer · toda a UI
Frente
Do cadastro ao app
Ano
2025
Redesign da plataforma Ticto · dashboard

Resultados

Ticto · 2025
−60%no TTV (Time to Value), da criação da conta ao primeiro valor real
↓Queda significativa nos tickets de suporte
↑Aumento na taxa de aprovação de cadastros
+Segurança com validação biométrica PF e PJ

Queda de 60% no TTV relatada pelo time interno da Ticto.

00Contexto e desafio

A porta de entrada decide se o produtor ativa ou abandona.

A Ticto é uma plataforma de infoprodutos e pagamentos, usada por milhares de produtores para vender e receber. Entrei para cuidar da porta de entrada do produto: o cadastro e o onboarding.

A experiência inicial tinha muita fricção: formulários longos, etapas confusas e navegação onde o usuário se perdia sem entender o que fazer em seguida.

O escopo cresceu no meio do caminho. Comecei pelo cadastro e onboarding e passei a responder por toda a UI da plataforma: arquitetura, dashboard, app, gamificação e ilustrações, além de uma frente nova pedida pelo time de tech, a verificação de identidade com id-wall.

01Ativação

Onboarding & cadastro

Mapeei os pontos de fricção da jornada inicial (cadastro → primeira venda) com produto e dados. Redesenhei os fluxos com foco em clareza e conversão, reorganizando formulários pela compreensão do usuário e criando componentes reutilizáveis pro design system.

Completar perfil, depois: layout limpo, sidebar com progresso PF/PJ e hierarquia clara Completar perfil, antes: layout escuro, formulário confuso e sem hierarquia Antes Depois
Completar perfil: de um formulário escuro e sem hierarquia para um fluxo claro com sidebar de progresso PF/PJ. Arraste para comparar.
  1. 01LandingChegada e criação de conta
  2. 02CadastroDados progressivos, sem duplicação
  3. 03BiometriaValidação PF/PJ com fallback
  4. 04AprovaçãoFeedback claro em cada estado
  5. 05Primeira vendaTTV: −60%
Do cadastro à dashboard liberada, com os componentes que desenhei: dados progressivos, progresso visível, envio de documento e o status de cada etapa.
02SegurançaPedido do time de tech

Verificação com id-wall

A validação biométrica foi identificada e solicitada pelo time de tech da Ticto: era necessário elevar segurança e reduzir fraude, e a integração escolhida foi a id-wall.

Trabalhei no design das novas telas do processo de identificação: fluxos de PF e PJ, estados de erro, fallback quando a verificação falha e checkpoints que não faziam o usuário perder contexto ao voltar. A biometria deixou de ser um obstáculo e virou um passo natural do cadastro.

Verificação id-wall, captura de documento
Captura de documento
Verificação id-wall, captura facial
Captura facial
Decisão-chave

Quebrar o cadastro em micro-passos, em vez de um formulário longo.

Com biometria no meio do fluxo, formulário em uma tela só quebrava quando a validação falhava: o usuário perdia contexto e abandonava.

Escolhi micro-passos progressivos com validação a cada etapa. Cada tela tinha uma decisão clara, e as falhas voltavam pontualmente sem perder o que já foi preenchido.

Trade-off aceito: mais telas pra manter no design system e mais estados de erro e loading pra cobrir. Compensado pela queda em tickets de suporte e pela ativação mais previsível.

03Navegação

Arquitetura interna da plataforma

Depois do cadastro, o usuário entrava num produto sem norte: várias áreas, nomes soltos, sem hierarquia clara. Era comum abrir um ticket com "onde eu vejo minhas vendas?".

Reorganizei a arquitetura de informação da plataforma inteira. Menus, agrupamentos, hierarquia e nomes foram reescritos pra que o usuário olhasse pra tela e soubesse exatamente qual caminho percorrer, sem precisar de tour ou onboarding guiado.

Componentes da plataforma Ticto: menu lateral, cabeçalho, cards de métricas, upload, status e formulários
O sistema por trás da nova arquitetura: menu lateral, cabeçalho, cards de métricas, upload, status e formulários.
04Dados

Nova dashboard

A dashboard virou o centro de gravidade do produto. Concentrei ali o que o produtor precisa ver primeiro: saldo, vendas recentes, comissões, produtos com mais tração. Pouca decoração, muita clareza.

O layout foi pensado como mobile-first, e a versão mobile ganhou vida própria: virou o app oficial da Ticto, hoje na mão de milhares de produtores.

Dashboard da Ticto em close: menu, saudação, progresso do cadastro e cards de vendas, boletos, comissões e reembolsos
Em close: menu, progresso do cadastro e os cards de vendas, boletos, comissões e reembolsos.
Dashboard, depois: comissões, vendas e carteira em destaque Dashboard, antes: banner promocional no topo, valores zerados e sem hierarquia clara Antes Depois
Dashboard: banner promocional e valores zerados no topo deram lugar a métricas úteis (comissões, vendas, carteira) com hierarquia clara.
Dashboard mobile da Ticto
Do desktop ao mobile, o mesmo sistema.
A dashboard mobile que desenhei virou o app oficial da Ticto.
A plataforma em produção. A estrutura é a que projetei; a marca foi atualizada pela equipe depois da minha saída.
05Engajamento

Recompensas & gamificação

Cada marco de faturamento virou um momento de celebração: da primeira venda até R$100 milhões, o produtor é surpreendido por um modal de conquista com uma recompensa física simbólica (troféus e placas homenageando visionários como Spielberg, Turing, Gates e Da Vinci).

Não é decoração: é uma camada narrativa que trata o produtor como parte de uma jornada, e que dá relevância às métricas que a plataforma sempre teve.

Conquista: 1ª venda Conquista: R$10 mil em vendas Conquista: R$100 mil em vendas Conquista: R$500 mil em vendas Conquista: R$1 milhão em vendas Conquista: R$5 milhões em vendas Conquista: R$50 milhões em vendas Conquista: R$100 milhões em vendas

Oito marcos, da 1ª venda aos R$100 milhões. Role para o lado.

06Marca

Ilustrações para a interface

Além das telas, produzi 6 ilustrações isométricas para empty states, mensagens de status e onboarding. Personalidade onde o usuário precisa de contexto ou de um respiro visual, sem perder a sobriedade de um produto financeiro.

Cartão
Documentos
Sucesso
Mensagens
Faturamento
Alerta

Design não é só estética. É ferramenta de conversão, educação e conexão.

Próximo case

03 / 06
Fato Público · painel de apuração ao vivo das Eleições 2026

Fato Público · Eleições 2026

Produto próprio · 2026

Apuração ao vivo das Eleições 2026 e portal de dados públicos. Produto, design e código.

Tem um produto para desenhar?

oi@eltoncarvalho.com.br