Muhammad BazilResume ↗
Back to home
Case study · 01Fintech · Web · Mobile

Zarby Sarmaaya

Simplifying portfolio management for investors — turning a wall of market data into a guided loop of status, risk, movement and next step.

RoleProduct Designer
ScopeMobile + Web app
Duration6 weeks
FocusClarity + Trust
Zar app screens: portfolio overview, ROI calculator and gold price chart
38%Faster portfolio review
2.1×Clearer risk comprehension
3Core flows redesigned
01 · Context

Investors had data, but not direction.

The existing experience showed holdings and market movement, but users struggled to understand what changed, what mattered, and what action to take next. The redesign reframed the app around guided portfolio clarity: status, risk, movement, and next best actions.

Design challenge

Create a fintech interface that feels trustworthy for new investors while still giving experienced users enough depth to act quickly.

  1. 01Reduce portfolio review time
  2. 02Make risk signals easier to interpret
  3. 03Give users clear next-step guidance
02 · UX strategy

From scattered data points to a guided decision loop.

A

Research

Interviewed active and first-time investors to identify where confidence dropped during portfolio reviews.

B

Information design

Reorganized the dashboard around value, movement, risk, and recommended action instead of raw market modules.

C

Validation

Tested task flows around checking holdings, understanding a loss, and deciding whether to rebalance.

03 · The detail

The decisions behind the interface, not just the screens.

Project snapshot
Product typeInvestment platform
Target usersNew + active investors
DeliverablesUX flows, UI kit, screens
Main goalReduce decision friction
What users needed
  • A clear answer to “Is my money doing okay?”
  • Risk explanations that feel human, not technical
  • A faster path from portfolio change to action
  • Confidence that data is current and trustworthy

Redesigned user journey

Status → Why → Compare → Act
01

Check status

User sees whether the portfolio is stable, improving, or needs attention.

02

Understand why

Plain-language insight explains what caused the movement or risk change.

03

Compare options

Holdings, risk, and performance are grouped into decision-ready cards.

04

Take action

The interface recommends review, rebalance, or hold based on context.

04 · Interface design

A visual system built for trust, speed, and financial clarity.

Portfolio screen showing market value of PKR 234,214.32, returns breakdown and net worth chart

Dashboard clarity

Value, movement and holdings in a single glance — with context sitting right next to the number, so users see both the change and the reason behind it.

ROI calculator screen with company symbol, investment year, shares and price inputs

Action hierarchy

Primary actions stay close to the insight they solve. One focused form, one clear call to action — the next step is always obvious.

Gold price screen with a price chart, time range tabs and gold rate table for Pakistan

Trust language

Soft confirmations, visible sync states and plain-language explanations reduce uncertainty around live prices and rates.

05 · Outcome

Considered, usable, and ready to ship.

The final direction balances a premium fintech feel with practical usability: fewer competing modules, stronger hierarchy, clearer language, and interface patterns that help users understand their money without feeling overwhelmed.

Keep exploringMore selected work
(Contact)

Let's build
something great.

bazilwattoo9@gmail.com
Phone+92 311-1220252Based inIslamabad, PakistanTime zonePKT · UTC+5