ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
NovaPay - A Smart Cross-Border Payments Dashboard
NovaPay is a cross-border payments platform for small and mid-sized businesses that needed a more intuitive way to manage global transactions.
As the Lead UX Designer, I was responsible for transforming a fragmented, error-prone workflow into a unified, intelligent dashboard experience. Working closely
with a product manager, researcher, and two engineers over a 12-week sprint, I redefined how users visualize, reconcile, and control international payments
Company: Concept | Role: Lead UX & Design System Contributor | Industry: Fintech |
Tools: Figma, FigJam, Maze, Chat GPT, Jira | Platforms: Web, Mobile
The Challenge
Finance teams managing global transactions were using several disconnected tools with inconsistent data and no clear visibility into payment statuses. These gaps created inefficiencies, errors in exchange rates, and uncertainty during reconciliation.
Through interviews with 12 clients — CFOs, controllers, and treasury managers — it became clear that users didn’t just want faster tools;
they wanted predictability and control. They valued accuracy, transparency, and a sense of trust in what the system was showing them.
Research synthesis highlighting key pain points around payment visibility
and reconciliation accuracy from 12 user interviews.
Visualization of the fragmented payment workflow across legacy tools and spreadsheets before redesign.
Representative user quotes emphasizing frustration with lack of transparency and delayed status updates.
Defining the Strategy
We reframed the challenge from ‘make it faster’ to ‘make it predictable.’
I led a design sprint to align stakeholders around a new product goal: help users see, trust, and act with confidence.
From that, I defined four design principles — visibility, trust, scalability, and intelligence — which informed every design decision from color usage to motion feedback.
Snapshots from the cross-functional design sprint where we mapped challenges and identified key opportunities for predictability.
Mapping of each design principle to specific UX goals, ensuring consistency across dashboard components.
Shift in product focus illustrated: from speed and automation to predictability and user confidence.
Information Architecture and Ideation
Mapping the complete payment journey revealed critical decision moments where users felt friction. We explored a modular dashboard, smart filters, and a timeline-based system to visualize transaction progress.
Low-fidelity Figma wireframes helped validate early hierarchy and flow before diving into visual design.
End-to-end mapping of the cross-border payment journey showing decision points and system touchpoints.
Captured stakeholder discussions and trade-offs influencing which dashboard modules shipped in the MVP.
Initial sketches exploring data hierarchy and visual clarity across the main dashboard and transaction detail views.
Design Execution & System Building
Once the structure was validated, I created a Figma-based design system from scratch —
tokens, typography, color scales, and over 60 reusable components. The final design balanced data density and visual calm.
The dashboard visualized real-time FX insights, transaction anomalies, and reconciliation summaries.
Accessibility and responsiveness were built in from the start.
Final dashboard design featuring predictive insights, transaction summaries, and modular data visualization panels.
Overview of core tokens, components, and interaction states created in Figma for scalability and consistency.
Comparison showing how the redesign reduced cognitive load and increased scanability through hierarchy and contrast.
Testing & Iteration
Usability testing with eight external users revealed opportunities to improve terminology and timeline interactions.
After multiple iterations, we refined labels, improved filtering logic, and added motion cues to indicate state changes.
The redesign improved task completion by 27%, reduced error rates by 20%, and increased System Usability Score from 68 → 89.
Annotated report summarizing usability findings and priority improvements
across two testing rounds.
Animated examples of refined timeline and filtering micro-interactions that enhanced system clarity.
Highlights of design changes driven directly by user feedback
during the testing cycle.
Outcome & Impact
The final NovaPay dashboard unified multiple systems into a single intelligent platform. Predictive analytics
allowed finance teams to detect issues earlier, reducing reconciliation time by 35% and increasing repeat usage by 19%.
This project also laid the foundation for a future enterprise-wide design system, improving design velocity and consistency.
At-a-glance data visualization summarizing measurable outcomes of the redesign.
Reflection
This project reinforced that clarity within complexity defines great enterprise UX. Designing for financial professionals required balancing analytical depth with emotional assurance, and giving dense data a sense of calm.
If expanded, I would integrate adaptive AI-driven anomaly detection and customizable insights per user role.
Personal reflection notes capturing lessons learned about designing for complexity and trust.
Concept visualizations for extending the product with AI-based anomaly detection and predictive compliance features.