DATA ANALYTICS APP
Led the 0-to-1 design of a payments analytics platform built for merchants to monitor transaction performance, authorization rates, and financial KPIs across billions of dollars in sales volume. Served as the sole designer end-to-end, responsible for UX strategy, research, design system, and developer handoff.
THE CHALLENGE
Enterprise merchants needed a single place to understand their payment performance, but the data they relied on was fragmented across multiple sources and difficult to act on. Existing tools required too much manual work to surface meaningful insights, and financial operations teams were losing time to context switching and data reconciliation. The goal was to design an analytics platform that made complex transaction data legible, fast to navigate, and useful for real business decisions.
ROLE & SCOPE
Served as the founding and only designer on this product, owning every stage of the design process from initial discovery through shipped product. Responsibilities spanned user and competitive research, information architecture, interaction design for complex data views, design system development, and developer handoff. Worked directly alongside product leadership and engineering to define roadmap priorities, write requirements, and run cross-functional workshops that aligned the team on product direction.
RESEARCH & INSIGHTS
Research included stakeholder interviews with merchant clients, competitive analysis of existing analytics tools, and card sorting exercises to understand how users mentally organized financial data. The findings pointed to a consistent set of problems: users were drowning in raw data without clear paths to what it meant, and the tools they had did not support the way financial teams actually work, which is moving quickly between high-level trends and transaction-level detail.
Key user needs that shaped the design direction:
Clear drill-down paths from summary metrics to granular transaction data
Filters and time-series controls that behaved predictably across every view
Interfaces that reduced cognitive load when scanning large data tables under time pressure
STRATEGY & DESIGN DECISIONS
The core design challenge was making a very large amount of financial data feel manageable without hiding the complexity that power users actually needed. The decisions that shaped the solution:
Modular dashboard architecture that let users move fluidly between summary KPIs and detailed transaction-level views without losing their place
A consistent interaction language for filters, sorting, and time-series controls applied uniformly across every surface so users built muscle memory quickly
Progressive disclosure patterns that surfaced the most critical metrics first and revealed detail on demand, reducing cognitive load without limiting access to data
A component-based design system built specifically for data-dense interfaces, covering complex tables, chart types, filter states, and empty and loading states across two engineering teams
OUTCOME & IMPACT
Delivered detailed documentation and annotated specs for developer handoff across two engineering teams, supporting a component library of 250+ elements that became the foundation for all product surfaces.
The platform shipped and is actively used by enterprise merchant clients to monitor and optimize card processing performance. The company serves 100+ clients, supporting analysis of 33 billion transactions and $792 billion in sales volume across the broader ecosystem.
Following launch, the design was extended to support AI-powered features including anomaly detection. To accelerate delivery cycles, I used Figma Make to produce functional front-end code alongside design specs, giving engineering teams a working starting point rather than static mockups and reducing the gap between design and production.
