IoT

Transforming Fintech Through Better UX

Redesigned Fiserv’s MSI application to improve usability, simplify data discovery, and enable small business owners to make informed decisions quickly.

+13%

Task completion

-12%

Data navigation drop-offs

+11%

Actionable insight discovery
CLIENT
Fiserv

Services Used

UI & Visual Design
the problem

The Challenge

Fiserv’s MSI platform required a more intuitive and engaging interface to help business owners access key insights from sales data and customer spending patterns. 

The existing system made it difficult for users to quickly identify actionable trends, limiting the platform’s ability to drive business growth. Visual inconsistencies and fragmented interactions further affected usability and brand perception. 

Key Pain Points Identified

  • Complex data navigation and discovery 
  • Low clarity in key dashboards and metrics 
  • Fragmented UI components affecting usability 
  • Inconsistent typography, colors, and icons 
  • Lack of mobile-optimized screens 

Research & Discovery

User Research

User Research

Conducted qualitative analysis to understand how small business users interact with data and make decisions within dashboards.

Participants18
User Type Founders, managers
Primary FocusData clarity & navigation
Analytics Review

Analytics Review

Evaluated existing dashboards to identify usability gaps, comprehension issues, and scalability constraints.

Dashboards Reviewed 12+
Methods Used Heuristic analysis & user scenarios
Key Outcome Scalable UI patterns defined

Key Research Findings

15%

Tasks delayed due to unclear data grouping

12%

User errors in reading dashboards

14%

Opportunity to improve engagement through visual hierarchy

Before & After

Before

After

Fragmented dashboards with inconsistent UI

Click to view full screen

Unified, visually clear interface with intuitive data navigation

Click to view full screen

Our Solution

We redesigned Fiserv’s MSI platform by implementing a robust design system, cohesive visual language, and responsive web and mobile interfaces—enabling users to quickly discover insights and take informed actions. 

Vector (8)
Robust Design System
  • Created a scalable, future-proof system 
  • Standardized typography, colors, and components 
  • Ensured visual and functional consistency 
Group
Cohesive Visual Language
  • Developed a unified iconography set 
  • Refined UI components for clarity 
  • Enhanced overall brand perception 
Group (1)
Responsive, Intuitive Screens
  • Polished dashboards and actionable insights 
  • Designed mobile-first, accessible interfaces 
  • Simplified navigation to key metrics 

Measurable Impact

Task Completion
+13%

Task Completion

Improved navigation clarity

Before:70%
After:83%
 Data Navigation Drop-offs
-12%

Data Navigation Drop-offs

Streamlined dashboards

Before:28%
After:16%
Actionable Insight Discovery
+11%

Actionable Insight Discovery

Enhanced visual hierarchy

Before:64%
After:75%
Mobile Usability
+10%

Mobile Usability

Responsive screens and intuitive gestures

Before:65%
After:75%
 Visual Consistency Score
+14%

Visual Consistency Score

Unified design components

Before:66%
After:80%

Methodology & Testing

Dashboard Flow Validation

Dashboard Flow Validation

Ensured key metrics were easy to find

Prototype Testing

Prototype Testing

Iterated based on small business user feedback

Design System Verification

Design System Verification

Ensured UI consistency across web and mobile

testimonial-element-top

Key Learnings & Insights

Data Clarity Drives Action

Clear dashboards improve business decisions

Consistency Reduces Errors

Unified components reduce confusion

Mobile Optimization Matters

Small business users rely on accessible interfaces

Design Systems Enable Scale

Future enhancements are easier to implement

Design Process Deep Dive

Discovery & Research

Discovery & Research

We began with structured discovery to understand user needs, data usage patterns, and usability challenges, informing the foundation for dashboard design decisions. 

  •  Persona and scenario creation
  • Dashboard wireframing exploration
  • High-fidelity UI direction definition
  • Prototype testing and validation 
Ideation & Prototyping

Ideation & Prototyping

Using insights from research, we explored and validated dashboard solutions through iterative wireframing and prototyping, ensuring clarity, scalability, and usability for financial data users. 

  •  3 rounds of design ideation workshops
  • 15+ wireframe iterations tested
  • Interactive prototypes for key dashboard flows
  • Continuous stakeholder and design feedback integration 
Testing & Validation

Testing & Validation

Before rollout, we validated the dashboard experience through structured usability testing to ensure accuracy, clarity, and reliability for financial data users. 

  •  Moderated usability testing on critical dashboard workflows
  • Task-based validation with internal and external users
  • Iterative testing of key design decisions
  • Accessibility and compliance readiness validation 

Implementation & Handoff

div (2)

Design System

Built a scalable design system to ensure consistency and efficiency across platforms. 

  •  Defined core UI components
  • Reusable design patterns
  • Finalized component standards 
div (1)

Responsive Design

Delivered production-ready components aligned with design and interaction guidelines. 

  • Standardized component states
  • Interaction and behavior definitions
  • Developer-ready assets 
div

Accessibility

Prepared complete, handoff-ready screens for implementation across devices. 

  •  Final web screens
  • Mobile-optimized screens
  • Cross-platform consistency 

Developer Handoff Process

Design Documentation

Annotated dashboards and interactions

Component Guidelines

Iconography, colors, typography rules

Responsive Guidelines

Web and mobile behavior

Handoff Walkthroughs

Dev alignment sessions
icon top.svg
icon top.svg
icon bottom
icon bottom

Ready to Transform Your Conversion Rates?

See how we can apply similar strategies to your product. Let's discuss your conversion optimization challenges and explore proven solutions.

hand icon