Project Overview

BigPay was growing fast and we saw room to refine the experience. This redesign was also a strategic move to transition the app to Flutter, ensuring a more scalable tech foundation. At the same time, we integrated the design system early on, making future development smoother and more cohesive. Navigation needed to be more intuitive, visuals more consistent, and features easier to access.

As Lead Designer, my goal was clear: improve usability, build a scalable system and create a seamless experience for users.

The Big Problems

1. Building for Scalability & Future-Proofing

Problem: The rigid UI framework made it challenging to evolve the product.
Fix: Transitioned to Flutter and built a modular design system to streamline development.
Impact: Enabled smoother feature rollouts, reducing design-to-dev turnaround by 40%.

Problem: The rigid UI framework was like trying to fit a square peg in a round hole—new features just didn’t blend in.
Fix: Built a modular design system (think Lego bricks, but make it fintech).
Impact: New features roll out 40% faster, making us agile in a fast-moving market.

2. 'Wait, Where’s That Feature?' Struggle

Problem: Users were playing hide-and-seek with core features (and losing).
Fix: Reimagined the navigation and information architecture so everything made sense at a glance.
Impact: Engagement shot up 25%, and support queries plummeted. Win-win.

3. Mismatch Mayhem

Problem: Inconsistent labels, icons, and buttons gave off "Frankenstein app" vibes.
Fix: Introduced a governed design system to keep everything looking (and working) sharp.
Impact: Task completion rates jumped 30%, because users finally knew what to tap.

4. 'Where’s My Money?' Confusion

Problem: Balances, loans, and expenses were all over the place, making finance tracking a headache.
Fix: A clean, clear, and simplified dashboard that put key info front and center.
Impact: Retention rates climbed 15%, because users actually understood their finances.

5. Integrating Design & Development Early

Problem: Design and development often worked in silos, leading to misalignment.
Fix: Established a design system-first approach, embedding it into the Flutter migration process.
Impact: Reduced inconsistencies, sped up prototyping, and ensured a unified experience across platforms.

Problem: Decisions were being made based on vibes, not data.
Fix: Conducted user testing with 32 participants across Malaysia & Singapore to fine-tune every detail.
Impact: User satisfaction improved 20%, and we built an app people want to use (not just tolerate).

So, What Changed?

• Users found what they needed faster—no more aimless tapping.

• Developers worked smarter, not harder—our design-to-code transition guide made life easier.

• The app looked and felt modern—because fintech should be fresh, not frustrating.

Lessons Learned

• Test early, test often. Catching issues before launch saves headaches (and budgets).

• Modular design = future-proofing. What we built today will still work tomorrow.

• Simplicity wins. Clear design isn’t just pretty—it makes money move smoother.

BigPay’s glow-up wasn’t just about looking good—it was about working better, faster, and smarter. Now, it’s a fintech app people love to use.
Mission accomplished. 🎯