Pular para o conteúdo
Lucas Bertolozzi
Clear App 4 min de leitura
lucasbertolozzi.com

Clear App

Toda 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.

Empresa
Clear Corretora, XP Inc.
Papel
UX, UI, Tokens
Plataformas
iOS / Android
Período
2019 a 2021
Premiado

O que este app virou.

No ar de 2020 a 2025. 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.

O problema

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 se declarasse.

A decisão

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 "Básico (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 toda corretora já aplica para saber 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. A regra já existia fora do app. Nos e-mails de boas-vindas que desenhei, a Clear avisava que ações pedem perfil moderado ou arrojado. Faltava o produto seguir a própria política.

Antes

App anterior, título “Básico (Swing Trade)”

Tela inicial do app anterior, com o seletor de modo Swing Trade no topo.

Perfil conservador

Investidor classificado como conservador encontra na tela do ativo um gráfico simples, sem book de ofertas

Tela do ativo no perfil conservador: gráfico de linha simples, sem abas de book e negócios.

Perfil moderado ou arrojado

Investidor classificado como moderado ou arrojado encontra na tela do ativo o gráfico completo e book de ofertas

Tela do ativo no perfil moderado ou arrojado: gráfico de candles e abas de resumo, book, negócios e opções.
Consequências

O que essa decisão obrigou.

Uma busca só

Um campo, no topo, em todo o app. Quem sabe o nome digita, quem não sabe navega pelas listas, e ao voltar da busca encontra os filtros onde deixou.

Busca aberta mostrando os ativos vistos recentemente e os favoritos da própria pessoa.

O menu vive nos cinco destinos

Home, Investir, Ordens, Meus Ativos e Conta têm menu. Dentro de um ativo ou de uma ordem ele sai, e a tela inteira fica para a decisão daquele momento.

Tela Investir com as quatro portas de renda variável e o menu de cinco destinos no rodapé.

Cada controle aparece onde tem sentido

Zerar e inverter posição só existem para quem tem aquele papel na carteira. Veio direto de um achado do teste com clientes.

Tela do ativo rolada, com a posição aberta e os atalhos de zerar e inverter.

Produto acima do perfil avisa, não bloqueia

O app mostra o aviso e pede confirmação, como a CVM exige. A compra continua possível, porque proibir seria decidir pela pessoa.

Aviso de produto acima do perfil
Trade-off

O que eu recusei.

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.

→ 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.

→ 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.

Antes

Busca vazia com a lista do produto

Busca vazia, lista do produto

Depois

Busca vazia com vistos e favoritos

Busca vazia mostrando vistos recentemente e favoritos.

Mais estados da busca

Estados importantes para a usabilidade e a acessibilidade do produto, como primeira busca, busca vazia, resultados por categoria e resultados explicativos para iniciantes.

Primeira busca, com os favoritos ainda vazios e o teclado aberto.
Busca sem resultado, com a opção de limpar a busca ou voltar ao menu Investir.
Resultados agrupados por categoria: ações, fundos imobiliários e ETFs.
Resultados com um aviso explicando a diferença entre dois papéis da mesma empresa.
Resultado

O que aconteceu depois.

3
prêmios no Guia Yubb 2021, votados por 110.514 investidores
719 mil
clientes ativos em dezembro de 2020
2 mi
cadastrados em março de 2021, metade ativos
89%
das tarefas concluídas no teste com sete clientes reais
95%
de aprovação ao fim da sessão, no mesmo teste

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.

Primeira busca, com os favoritos ainda vazios e o teclado aberto.
Busca sem resultado, com a opção de limpar a busca ou voltar ao menu Investir.
Resultados agrupados por categoria: ações, fundos imobiliários e ETFs.
Resultados com um aviso explicando a diferença entre dois papéis da mesma empresa.
Créditos

Quem fez o quê.

UX e UI do Clear App 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.