Skip to content
Lucas Bertolozzi Open to new roles

Clear Corretora App

Project scope

  • Research
  • Business rules mapping
  • Stakeholder interviews
  • New component design
  • UX/UI design
  • Usability testing

Introduction

Every brokerage app settles the conflict between beginner and trader with an advanced-mode button. We removed the button and let the investor profile decide what appears on screen.

Company
Clear Corretora, XP Inc.
Period
2020 to 2021
Scroll to explore
Screens from the new Clear app side by side: share list, chart, asset screen, order ticket and order review.

An award-winning app

Live from 2020 to 2024. Three awards in the 2021 Guia Yubb, including best investment app and best trading platform, voted for by 110,514 investors. 719 thousand active clients in December 2020, three months after launch. Two years later, the app was rebuilt in another technology using almost 100% of the components from the design system I helped found.

A hand holding a phone showing the Clear app home screen.

Two audiences,
one screen

In 2018 Clear became the first brokerage in Brazil to cut brokerage fees, the charge on every buy or sell, to zero. Its client base doubled. Alongside the usual traders came people buying their first share on their phone.

The two cancel each other out. Price-triggered orders and the order book scare people who are just starting out. An app that is too simple loses the trader, who had always been Clear’s reason to exist. The group put 18 months and R$ 10.5 million into a new app and platform, and the app had to serve both without asking anyone to pick a mode.

Beginner

  • Buy shares
  • Track investments
  • Learn at your own pace
  • Simplicity

Conservative profile

Trader

  • Futures market
  • Advanced charts
  • Order book
  • Orders and triggers

Aggressive profile

Who decides what appears on screen?

The previous app answered with modes. People picked one from the menu and the screen title reminded them where they were, as in "Swing Trade". That fails on both sides: a beginner who switches mode out of curiosity finds a trailing stop order without knowing what it does, and someone who trades every day spends their life switching modes.

We handed the decision to the investor profile, the questionnaire that measures how much risk a client is willing to take.

Anyone classed as conservative buys and sells at the current price or at a price they set. Anyone classed as moderate or aggressive finds triggered orders, full charts and the order book without having to look for them.

Petrobras asset screen for a conservative profile: a simple line chart, related assets and the sell and buy buttons.
Conservative profile An investor classed as conservative sees a simple chart on the asset screen, with no order book
Petrobras asset screen for an aggressive profile: candlestick chart, order book, trades and options tabs, a stop order and the current position.
Aggressive profile An investor classed as moderate or aggressive sees the full chart and the order book on the asset screen

What did that decision change in the app?

Trade-offs with AI and what was turned down

Between 2025 and 2026 I went back to the app to refine flows and usability, discussing every screen with Claude, Anthropic’s AI. The two moments that improved the product most were the ones where the suggestion didn’t make it.

Refusal 1: The ready-made list

For the empty search, the suggestion was to show the most traded shares of the day. For a beginner that says as little as a list of top gainers, and both push a product choice dressed up as information. Search now shows only what belongs to the person: what they viewed and what they favourited.

The app’s empty search with most traded today and top gainers today lists.
Before
Empty search with recommendations and a product list
The app’s empty search with recently viewed and my favourites, and the keyboard open.
After
Empty search with recently viewed and my favourites

Refusal 2: The rejected grey

For secondary text, the suggestion brought a grey that failed the contrast test. I swapped it for the one the interface already used, at 9.21:1 on the card background, above the 7:1 that WCAG asks for at its highest level.

WCAG contrast scale: 4.5:1 is level AA, 7:1 is level AAA, and the grey that was kept reaches 9.21:1.
A phone on a desk next to a backlit keyboard, showing the Clear app home screen.

What happened after launch?

An honest caveat: the client base started growing in 2018, with zero brokerage fees, and can’t be credited to the app alone. What the app sustains is what came next: recognition as the best app and best trading platform of the year, and a base that stayed active.

Credits

End-to-end UX and UI for the Clear Corretora app, primitive tokens and Clear’s components in SOMA. On Clear PRO, I carried on the flows from the UX started by Fernando Amschilinger. Research and testing in a pair with Mariana Silva. Test participants selected by Marcel Andrade, head of the trading desk.

Next project