Investing, finally for everyone.

Investing, finally for everyone.

Investing, finally for everyone.

A stock investment platform for the Arab world — built for the person who's never invested before, and smart enough to manage everything for those who don't want to.

A stock investment platform for the Arab world — built for the person who's never invested before, and smart enough to manage everything for those who don't want to.

Role

UX Designer | with other 3 designers

Team

Tremoloo

Platforms

Web · Mobile Native

Focus

Investment platform

Our task was to design Bona.io in a way that makes investing feel accessible, not intimidating. Most platforms in this space are built for people who already know what they're doing — Bona.io was built for everyone else, without talking down to them.

Our task was to design Bona.io in a way that makes investing feel accessible, not intimidating. Most platforms in this space are built for people who already know what they're doing — Bona.io was built for everyone else, without talking down to them.

Challenges

Challenges

Financial data is intimidating. It doesn't have to be.

Financial data is intimidating. It doesn't have to be.

Information overload by default

Most investment apps assume expertise. Charts, ratios, and terminology that mean nothing to a first-time investor, presented with no context, no explanation, no mercy. Bona.io had to change the default.

Smart enough to do it for you

Not every user wants to pick stocks. The AI mode had to ask the right questions, build a personalized portfolio, distribute funds, and manage it — so the user never has to check in daily unless they want to.

Premium feel, simple experience

Simple doesn't mean cheap. The interface had to feel trustworthy and premium — because people are putting real money in. Clarity and confidence had to coexist.

My Role

My Role

My Role

I worked on the product from scratch — owning the UX, wireframing, and presenting directly to the client. I reviewed UI output with the team and ensured the experience stayed consistent with the UX decisions throughout.

01

UX & wireframing
Defined the full experience from onboarding to portfolio management, for both manual and AI-assisted modes

02

Data visualization decisions
Made deliberate choices about how financial data is shown — what gets explained, what gets simplified, and what gets removed

03

UI review
Reviewed the team's UI output against the UX decisions and ensured quality before client presentation

04

Client communication
Presented work and iterated based on direct client feedback throughout the project

Key Design Decisions

Key Design Decisions

Make data mean something, or don't show it. Most investment apps show charts because charts are expected. We asked a different question: does this user know what this chart is telling them? If not, we either explain it or replace it with something they can actually act on. Every data point on screen earned its place.

Option considered

Show full market data the way competitors do

Decision made

Curate what's shown — if it doesn't help the user make a decision, it doesn't appear

Two modes, one product. The manual investor and the hands-off investor are completely different users. We designed both experiences inside the same product — a manual mode for those who want control, and an AI mode that asks a few questions and handles everything else. The switch between them is seamless.

Simple doesn't mean stripped. The goal wasn't to remove everything — it was to make everything present feel intentional. Clean layout, clear hierarchy, no jargon without explanation. Premium and accessible aren't opposites — we treated them as the same target.

Option considered

Show full market data the way competitors do

Decision made

Curate what's shown — if it doesn't help the user make a decision, it doesn't appear

Solution

Solution

Solution

Investing that explains itself.

01

Simplified data display
Charts and numbers are shown with context — not just values, but what they mean and why they matter. A first-time investor can read the screen and understand their position without Googling terminology.

02

AI portfolio mode
Answer a few questions: your goal, your timeline, your risk appetite. The AI builds your portfolio, allocates your funds, and manages it. You get updates when something matters — not a daily dashboard to stress over.

03

Manual mode for the engaged investor
For users who want to be in control, the full experience is there — stocks, watchlists, performance tracking — with the same clarity applied. Power without noise.

04

Premium, accessible UI
A visual language that feels trustworthy and clean — because people are investing real money. The interface communicates confidence without complexity.

Outcome

Outcome

Outcome

Easy, premium, and clear — their words.
The client's feedback: we moved the experience to a different place entirely. What used to feel like a tool for experts now feels accessible to anyone — without losing the credibility that makes people trust it with their money.

Challenges

Financial data is intimidating. It doesn't have to be.

Information overload by default

Most investment apps assume expertise. Charts, ratios, and terminology that mean nothing to a first-time investor, presented with no context, no explanation, no mercy. Bona.io had to change the default.

Smart enough to do it for you

Not every user wants to pick stocks. The AI mode had to ask the right questions, build a personalized portfolio, distribute funds, and manage it — so the user never has to check in daily unless they want to.

Premium feel, simple experience

Simple doesn't mean cheap. The interface had to feel trustworthy and premium — because people are putting real money in. Clarity and confidence had to coexist.

Let's build exceptional designs together

© All rights reserved 2026.

Let's build exceptional designs together

© All rights reserved 2026.

Let's build exceptional designs together

© All rights reserved 2026.

Create a free website with Framer, the website builder loved by startups, designers and agencies.