2024

Redefinindo a experiência bancária com o ClicPay

#

Client

ClicPay

#

Category

Strategy

#

Year

2024

Dream Area

2024

Redefinindo a experiência bancária com o ClicPay

#

Client

ClicPay

#

Category

Strategy

#

Year

2024

Dream Area

2024

Redefinindo a experiência bancária com o ClicPay

#

Client

ClicPay

#

Category

Strategy

#

Year

2024

Dream Area

Redesign completo de um banco digital com 10 anos de mercado,eliminando atrito no cadastro, reconstruindo confiança com jovens adultos e entregando um Design System escalável para os próximos anos.

O desafio:

Ser bom não era mais suficiente

O ClicPay já era admirado. Mas em 2024, o mercado de fintechs americano exige impecabilidade. Novos usuários — especialmente da Geração Z — abandonavam o app antes de completar o cadastro. A pergunta que guiou todo o projeto foi direta: como eliminar a burocracia sem abrir mão da segurança, para um público que vive na velocidade da internet?

-10 anos de mercado. Reputação sólida, mas interface envelhecida
-8 etapas no fluxo de cadastro original, gerava abandono massivo
- 6 min. tempo médio de cadastro antes do redesign
-60% taxa de retenção pré-redesign , benchmark a superar

Pesquisa e imersão:
A verdade mora nos dados, não nos achismos

A fase de descoberta combinou métodos qualitativos e quantitativos para triangular as dores reais dos usuários ,sem projetar soluções antes de entender o problema com profundidade.

20-Entrevistas em profundidade

Jovens e autônomos, focadas em frustrações com bancos tradicionais e digitais. Sessões gravadas e analisadas com affinity mapping.

500- Respostas na survey quantitativa

Validação estatística dos padrões identificados nas entrevistas — confirmando quais dores eram sistêmicas, não individuais.


5- Concorrentes analisados

Benchmarking detalhado de fintechs diretas nos EUA — mapeando padrões de cadastro, onboarding e hierarquia visual.


3- Tensões centrais identificadas

Velocidade vs. segurança. Simplicidade vs. conformidade. Confiança vs. fricção. Cada decisão de design resolveu uma dessas tensões.

Redesign completo de um banco digital com 10 anos de mercado,eliminando atrito no cadastro, reconstruindo confiança com jovens adultos e entregando um Design System escalável para os próximos anos.

O desafio:

Ser bom não era mais suficiente

O ClicPay já era admirado. Mas em 2024, o mercado de fintechs americano exige impecabilidade. Novos usuários — especialmente da Geração Z — abandonavam o app antes de completar o cadastro. A pergunta que guiou todo o projeto foi direta: como eliminar a burocracia sem abrir mão da segurança, para um público que vive na velocidade da internet?

-10 anos de mercado. Reputação sólida, mas interface envelhecida
-8 etapas no fluxo de cadastro original, gerava abandono massivo
- 6 min. tempo médio de cadastro antes do redesign
-60% taxa de retenção pré-redesign , benchmark a superar

Pesquisa e imersão:
A verdade mora nos dados, não nos achismos

A fase de descoberta combinou métodos qualitativos e quantitativos para triangular as dores reais dos usuários ,sem projetar soluções antes de entender o problema com profundidade.

20-Entrevistas em profundidade

Jovens e autônomos, focadas em frustrações com bancos tradicionais e digitais. Sessões gravadas e analisadas com affinity mapping.

500- Respostas na survey quantitativa

Validação estatística dos padrões identificados nas entrevistas — confirmando quais dores eram sistêmicas, não individuais.


5- Concorrentes analisados

Benchmarking detalhado de fintechs diretas nos EUA — mapeando padrões de cadastro, onboarding e hierarquia visual.


3- Tensões centrais identificadas

Velocidade vs. segurança. Simplicidade vs. conformidade. Confiança vs. fricção. Cada decisão de design resolveu uma dessas tensões.

Redesign completo de um banco digital com 10 anos de mercado,eliminando atrito no cadastro, reconstruindo confiança com jovens adultos e entregando um Design System escalável para os próximos anos.

O desafio:

Ser bom não era mais suficiente

O ClicPay já era admirado. Mas em 2024, o mercado de fintechs americano exige impecabilidade. Novos usuários — especialmente da Geração Z — abandonavam o app antes de completar o cadastro. A pergunta que guiou todo o projeto foi direta: como eliminar a burocracia sem abrir mão da segurança, para um público que vive na velocidade da internet?

-10 anos de mercado. Reputação sólida, mas interface envelhecida
-8 etapas no fluxo de cadastro original, gerava abandono massivo
- 6 min. tempo médio de cadastro antes do redesign
-60% taxa de retenção pré-redesign , benchmark a superar

Pesquisa e imersão:
A verdade mora nos dados, não nos achismos

A fase de descoberta combinou métodos qualitativos e quantitativos para triangular as dores reais dos usuários ,sem projetar soluções antes de entender o problema com profundidade.

20-Entrevistas em profundidade

Jovens e autônomos, focadas em frustrações com bancos tradicionais e digitais. Sessões gravadas e analisadas com affinity mapping.

500- Respostas na survey quantitativa

Validação estatística dos padrões identificados nas entrevistas — confirmando quais dores eram sistêmicas, não individuais.


5- Concorrentes analisados

Benchmarking detalhado de fintechs diretas nos EUA — mapeando padrões de cadastro, onboarding e hierarquia visual.


3- Tensões centrais identificadas

Velocidade vs. segurança. Simplicidade vs. conformidade. Confiança vs. fricção. Cada decisão de design resolveu uma dessas tensões.

Personas

Projetado para João e Carla As personas não foram criadas após o design ,elas guiaram cada decisão do projeto, desde a priorização de funcionalidades até o tom de voz dos microtextos. João Mendes 24 anos · Designer Freelancer · São Paulo → Miami "Quero abrir minha conta em 5 minutos, do celular, sem precisar imprimir nada ou ligar pra ninguém." Carla Souza 27 anos · Desenvolvedora · Totalmente remota "Preciso confiar no banco antes de colocar meu dinheiro lá. Interface confusa me faz pensar que o produto inteiro é confuso." Processo: Do problema à solução validada O Double Diamond estruturou as fases, mas a cultura de iteração rápida com desenvolvedores e stakeholders desde o dia 1 foi o que garantiu viabilidade técnica em paralelo à qualidade do design. Workshops de ideação com stakeholders e devs Facilitei sessões de Design Thinking com a pergunta central: "Como encurtar a jornada sem perder dados essenciais?". A presença de engenheiros desde o início eliminou retrabalho e revelou restrições técnicas que moldaram as soluções. Prototipação de alta fidelidade no Figma Fluxo de cadastro redesenhado de 8 para 4 etapas. Microinterações de validação em tempo real (verde = correto), barra de progresso explícita e upload de documentos com instrução visual simplificada. 10 sessões de teste de usabilidade gravadas Protótipos de alta fidelidade testados com usuários reais no Maze. Identificamos confusão no upload de documentos , simplificamos a instrução visual e o fluxo nessa etapa. Satisfação saltou para 85% ainda em protótipo. Design System e handoff com engenharia Componentes modulares (Botões, Inputs, Modais) com conformidade WCAG 2.1. Reuniões semanais com engenharia para garantir fidelidade na implementação. O design modular reduziu o tempo estimado de desenvolvimento futuro em 25%.

Dream Area
Decisões de design

Decisões de design Cada escolha tem uma razão de negócio A estética minimalista não foi uma preferência visual ,foi uma estratégia para traduzir os três pilares do produto em experiência tangível: Fácil, Rápido, Seguro. Redução de 8 para 4 etapas no cadastro Cada etapa removida foi justificada por dado de drop-off. Campos não essenciais foram movidos para onboarding progressivo pós-cadastro ,coletando dados quando o usuário já tem confiança na plataforma. Feedback instantâneo com microinterações Validação visual em tempo real (ícone verde ao completar campo corretamente) reduz ansiedade e previne erros antes do submit , eliminando a frustração de mensagens de erro só no final do formulário. Barra de progresso explícita Usuários que sabem quanto falta têm 40% menos taxa de abandono em fluxos longos. A barra não conta etapas, ela comunica proximidade do objetivo ("Você está quase lá"). Espaço em branco como elemento de confiança Para um público que associa interface densa com burocracia, o espaço em branco não é vazio — é clareza. O layout respira para que o foco vá à ação principal, não ao ruído visual.

Dream Area
Dream Area
Resultados

Números medidos 3 meses após o lançamento O redesign entregou resultados mensuráveis em retenção, velocidade e satisfação — alinhados às metas de negócio definidas no início do projeto. Taxa de retenção: Antes: 60% Depois:85% Impacto: +25pp de fidelidade Tempo de cadastro: Antes: 6 min. Depois: 2 min. Impacto: 3× mais rápido Taxa de conclusão: Antes: Variável Depois: 95% Impacto: Quase total adesão Satisfação (CSAT): Antes: Média Depois: 90% Impacto: Avaliado "Excelente" Velocidade geral de nav.: Antes: Baseline Depois: +30% Impacto: UX percebida acelerada Impacto de engenharia −25% Tempo de dev futuro estimado 85%. Satisfação ainda em protótipo 4 etapas de cadastro (era 8) WCAG 2.1- Conformidade de acessibilidade Aprendizados: O que esse projeto ensinou Velocidade é qualidade, para esse público: Para a Gen Z, um app lento não é apenas inconveniente — é sinal de que o produto inteiro é amador. Cada segundo importa. Segurança é a base da confiança Simplicidade sem segurança gera abandono por desconfiança. O design precisa comunicar os dois simultaneamente. Dev desde o dia 1 evita retrabalho Trazer engenharia para os workshops mudou o projeto. Restrições técnicas viraram constraints criativos, não obstáculos tardios.

Dream Area
Dream Area

Mais projetos

Veja além das telas

Curtiu meu trabalho? Vamos conversar!

Vamos desenhar o próximo passo juntos?

Mais projetos

Veja além das telas

Curtiu meu trabalho? Vamos conversar!

Vamos desenhar o próximo passo juntos?

LATAM Airlines
Melhorando o buscador da LATAM Airlines

Diagnóstico e redesign do fluxo de busca de voos, reduzindo fricção, aumentando conversão e elevando a clareza da interface principal da maior companhia aérea da América Latina.

Nova Scene
Nova Scene

The image shows flowing shapes in iridescent hues, from deep blues and purples to vibrant pinks and oranges, creating an ethereal effect.

LATAM Airlines
Melhorando o buscador da LATAM Airlines

Diagnóstico e redesign do fluxo de busca de voos, reduzindo fricção, aumentando conversão e elevando a clareza da interface principal da maior companhia aérea da América Latina.

Nova Scene
Nova Scene

The image shows flowing shapes in iridescent hues, from deep blues and purples to vibrant pinks and oranges, creating an ethereal effect.