Merchant Payment Platform
Transforming a 3.2-star legacy POS app into a high-speed, intuitive mobile payment ecosystem — where every tap is a sale, not a support ticket.
Challenge
3.2-star rating. Merchants restarting devices to fix flow breaks. Non-ergonomic layout designed for desktop, not one-handed mobile use.
Solution
70/30 rule for home screen real estate, thumb-friendly navigation, persistent device status, and a speed-first information hierarchy.
Impact
Fewest possible taps to complete a sale. Support tickets reduced. App became a competitive differentiator instead of a liability.
The Friction Audit
UX Research · Heuristic Evaluation · User Persona EmpathyI developed the profile of “Andrea”— a boutique owner whose primary pain point was “Transaction Anxiety”: fear of losing a sale due to a technical glitch or confusing app flow.
Heuristic audit revealed:
- —Redundant branding occupying 30% of screen on a task-oriented app
- —Non-ergonomic menu placements designed for desktop, not one-handed mobile use
- —Icons failing to communicate their purpose to first-time users
Design Decision
Users were forced to restart devices to fix flow breaks — identifying a critical need for a persistent System Status indicator during hardware pairing.
The Architecture of Speed
Information Architecture · Ergonomic Design · Hierarchy OptimizationGoal: make a sale happen in as few taps as possible.
- —The 70/30 Rule: Redesigned the home screen to give 70% of real estate to the "Sale Value" input — the single most frequent action.
- —Ergonomic Navigation: Relocated primary nav from top corner to thumb-friendly zone for one-handed merchant use.
- —Hierarchy of Data: Simplified Sales Summary (Monto Base, IVA, INC, Total) for at-a-glance verification by both merchant and customer.
// Key Feature
A persistent Device Status indicator eliminated the restart cycle entirely — merchants see connection status before starting a sale.
Iterative Validation
Design Systems · Visual Language · Iterative TestingColor strategy highlighting CTAs and using semantic colors (Success/Error) to guide users through the payment lifecycle.
Rapid iteration refined transitions between Amount Input and Payment Type Selection (QR vs. Card) — seamless and secure.
// Results
↓
Steps to Sale
Streamlined to fewest possible taps. Speed-first information hierarchy.
↓
Support Tickets
Device status + clear error states eliminated the restart cycle.
↑
Merchant Adoption
App transformed from market obstacle to competitive value proposition.
“In Fintech, UX is a balance between User Empathy — reducing merchant anxiety — and System Logic — managing hardware constraints. I turned a struggling 3.2-star product into a high-performance payment tool.”