Pular para o conteúdo
Lucas Bertolozzi Disponível para vagas

App Clear Corretora

Escopo do projeto

  • Pesquisa
  • Levantamento de regras de negócio
  • Entrevistas com stakeholders
  • Desenho de novos componentes
  • Execução de UX/UI Design
  • Teste de usabilidade

Introdução

Todo app de corretora resolve o conflito entre iniciante e trader com um botão de modo avançado. Tiramos o botão e deixamos o perfil de investidor decidir o que aparece na tela.

Empresa
Clear Corretora, XP Inc.
Período
2020 a 2021
Role para explorar
Telas do novo app Clear lado a lado: lista de ações, gráfico, tela do ativo, boleta e revisão da ordem.

Um app premiado

No ar de 2020 a 2024. Três prêmios no Guia Yubb 2021, entre eles melhor app de investimentos e melhor home broker, eleitos por 110.514 investidores. 719 mil clientes ativos em dezembro de 2020, três meses depois do lançamento. Dois anos depois, o app foi reconstruído em outra tecnologia usando quase 100% dos componentes do design system que ajudei a fundar.

Mão segurando um celular com a tela inicial do app Clear.

Dois públicos,
uma tela

Em 2018 a Clear foi a primeira corretora do Brasil a zerar a corretagem, a taxa cobrada a cada compra ou venda. A base dobrou. Junto com os traders de sempre chegou gente comprando a primeira ação pelo celular.

Os dois se anulam. Ordem com gatilho de preço e book de ofertas assustam quem está começando. Um app simples demais perde o trader, que sempre foi a razão de existir da Clear. O grupo investiu 18 meses e R$ 10,5 milhões num app e numa plataforma novos, e o app tinha que servir aos dois sem pedir que ninguém escolhesse um modo.

Iniciante

  • Comprar ações
  • Acompanhar investimentos
  • Aprender no seu ritmo
  • Simplicidade

Perfil conservador

Trader

  • Mercado futuro
  • Gráficos avançados
  • Book de ofertas
  • Ordens e gatilhos

Perfil arrojado

Quem decide o que aparece na tela?

O app anterior respondia com modos. A pessoa escolhia um no menu e o título da tela lembrava onde ela estava, como em "Swing Trade". Isso falha dos dois lados: o iniciante que troca de modo por curiosidade encontra uma ordem stop móvel sem saber o que ela faz, e quem opera todo dia passa a vida trocando de modo.

Entregamos a decisão ao perfil de investidor, o questionário que identifica quanto risco o cliente aceita.

Quem é classificado como conservador compra e vende pelo preço do momento ou por um preço que define. Quem é classificado como moderado ou arrojado encontra as ordens com gatilho, os gráficos completos e o book de ofertas, sem procurar.

Tela da Petrobras para o perfil conservador: gráfico de linha simples, ativos relacionados e os botões vender e comprar.
Perfil conservador Investidor classificado como conservador encontra na tela do ativo um gráfico simples, sem book de ofertas
Tela da Petrobras para o perfil arrojado: gráfico de velas, abas de book, negócios e opções, ordem stop e a posição atual.
Perfil arrojado Investidor classificado como moderado ou arrojado encontra na tela do ativo o gráfico completo e book de ofertas

O que essa decisão mudou no app?

Trade-offs com a IA e o que foi recusado

Entre 2025 e 2026 voltei ao app para refinar fluxos e usabilidade, discutindo cada tela com o Claude, a IA da Anthropic. Os dois momentos que mais melhoraram o produto foram aqueles em que a sugestão não passou.

Recusa 1: A lista pronta

Para a busca vazia, a sugestão era mostrar as ações mais negociadas do dia. Para quem está começando isso diz tão pouco quanto uma lista de maiores altas, e as duas empurram uma escolha do produto disfarçada de informação. A busca passou a mostrar só o que é da pessoa: o que ela viu e o que ela favoritou.

Busca vazia do app com as listas mais negociadas hoje e maiores altas hoje.
Antes
Busca vazia com recomendações e lista de produtos
Busca vazia do app com vistos recentemente e meus favoritos, e o teclado aberto.
Depois
Busca vazia com vistos recentemente e meus favoritos

Recusa 2: O cinza reprovado

Para o texto secundário, a sugestão trazia um cinza que não passava no teste de contraste. Troquei pelo que a interface já usava, com 9,21:1 sobre o fundo dos cards, acima dos 7:1 que a WCAG pede no nível mais alto.

Escala de contraste da WCAG: 4,5:1 é o nível AA, 7:1 é o nível AAA, e o cinza mantido tem 9,21:1.
Celular sobre a mesa, ao lado de um teclado iluminado, com a tela inicial do app Clear.

O que aconteceu depois de lançar?

Um recorte honesto: o crescimento da base começou em 2018, com a corretagem zero, e não pode ser creditado somente ao app. O que o app sustenta é o que veio depois: o reconhecimento como melhor app e melhor home broker do ano, e uma base que continuou ativa.

Créditos

UX e UI do App Clear Corretora de ponta a ponta, tokens primitivos e componentes da Clear no SOMA. No Clear PRO, continuidade dos fluxos a partir do UX iniciado por Fernando Amschilinger. Pesquisa e testes em dupla com Mariana Silva. Participantes do teste selecionados por Marcel Andrade, head da mesa de operações.

Próximo projeto