Where research, systems thinking, and visual design come together.
Corporate clients running export and import operations need a single platform to track everything — transactions, forex positions, trade documents, counterparty status. This internship project built that platform from scratch.
TYPE
New system — built from scratch
Platform
QLola Dashboard Trade
COMPANY
PT Bank Rakyat Indonesia (BRI)
TOOLS
Figma
THE CONTEXT
Trade finance decisions are time-sensitive. The interface people use to make them can't afford to create friction.
QLola Dashboard Trade is a comprehensive platform for BRI's corporate clients — importers, exporters, businesses managing cross-border transactions. Users track forex positions, trade documents, transaction status, and counterparty coordination from a single place.
Corporate clients
Forex monitoring
Live rate tracking with time-sensitive settlements
Trade documents
Export/import documentation in one place
MY SCOPE
This wasn't a redesign. There was no existing interface — I built the system from scratch.
As UI/UX Design Intern, I was responsible for two deliverables. I worked alongside developers and trade finance experts whose domain knowledge shaped every decision.
LEARNING THE DOMAIN
Before opening Figma, I needed to understand what trade finance actually involves.
Designing for an unfamiliar domain requires admitting you don't understand it. I worked with the team's trade finance experts and kept coming back to three questions:
What decision does each piece of data actually support?
What does "urgent" look like in a trade finance context — not a social app?
What happens downstream if a user misreads a status or misses a notification?
DESIGN DECISIONS
Organize around decisions, not data categories
Rather than grouping by document type or transaction type (the system's logic), the dashboard was structured around what a user needs to do right now, what to monitor, and what to find when needed.
Surface urgency without creating noise
In a fintech dashboard, everything competing for attention is as bad as nothing being highlighted. Status hierarchy was designed so critical items — settlement windows, pending confirmations — read differently from routine activity.
Clean enough to trust, complete enough to act
The team described the final platform as easy to navigate, clean to read, and requiring minimal effort to find what they needed. In trade finance, that outcome — low effort, high confidence — is the exact right result.
Process artifacts — wireframes, information hierarchy sketches, and annotated flows — are shown below. Final screens are modified where required by NDA.
WHAT I LEARNED
Designing inside a BUMN is a different kind of work.
Every design decision moved through layers: technical constraints, brand standards, security requirements, stakeholder sign-off. Some things I wanted to try, I couldn't. That's not a complaint — it's the reality of institutional design work in Indonesia's corporate sector.
The work produced here isn't as unconstrained as my thesis. But it's the closest to what professional UI/UX design actually looks like inside a real institution — and the team's verdict made it worth it.
