ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
Fiserv | DataCompass Dashboard & Decision Flow UI
A financial analytics interface designed to translate complex performance data into clear operational insights
and decision workflows for fintech teams.
Enabling teams to move from fragmented reporting toward clearer performance interpretation.
The layouts prioritize clarity and hierarchy, helping users quickly interpret complex dashboard data.
Tablet layouts were adapted for touch interactions while maintaining visual consistency and readability across devices.
Fiserv | Senior Product Designer | Fintech (B2B/B2C) | Platforms: Web, POS
Project Overview
Led the design of the DataCompass dashboard as Senior Product Designer,
translating financial performance data into interpretable insights for financial teams.
Interactive prototype demonstrating alert bar pop-in and micro-interactions
Shows dynamic alerts that guide users’ attention without overwhelming the dashboard.
Animations, timing, and touch interactions were optimized for desktop, tablet, and POS.
Micro-interactions reinforce hierarchy and provide immediate feedback to users.
Supporting Screens
These screens helped surface performance signals across reporting workflows.
Screens demonstrate consistent UI patterns, visual hierarchy, and readability across workflows.
Tablet and POS adaptations ensure usability and clarity on smaller screens
Sample Dashboard Graph Cards
Here is a redesign of the DataCompass interface to improve clarity, hierarchy, and usability
while aligning with the product's design system.
The dashboard evolved to present performance insights in clearer visual formats.
Graph cards highlight key metrics at a glance. Responsive layouts maintain clarity and accessibility on tablet and POS devices,
helping users interpret data efficiently.
Design System Snapshot
Developed scalable UI patterns and a consistent component library to ensure maintainability and alignment with product branding.
A structured design system supported consistency across analytics experiences.
A component library ensures visual cohesion and easy maintenance. Components were designed with responsiveness,
accessibility, and touch-friendly interactions in mind.
Closing/Summary
The platform enabled teams to interpret performance data with greater clarity and confidence.