Senior UX / Product Designer

Designing scalable digital products & developer platforms.

12+
Years Experience
40+
Products Shipped
3
Featured Case Studies

Work/Case Studies

Banking · Developer Tools

US Bank Developer
Dashboard

Designing a centralized Developer Control Center for API discovery, onboarding & monitoring

Client
US Bank
Role
Senior UI/UX Designer
Responsibilities
Research, Wireframing, Prototyping
Process
Agile
Platform
Web Dashboard
Overview

Financial institutions rely on fintech partnerships and APIs to power digital banking. However, developers integrating banking APIs often struggle with fragmented documentation, slow onboarding, and poor debugging visibility. The goal of this project was to design a Developer Dashboard that streamlines API discovery, onboarding, and monitoring — creating a centralized Developer Control Center for US Bank's partner ecosystem and not limit to keep adding new API capabilities.

Research & Insights

US Bank wanted to expand and roll out API capabilities to fintech partners — but the mandate was clear before a single screen was designed: understand the real experience first. We interviewed stakeholders and developers, ran competitive analysis against peer bank portals, and conducted usability tests on existing legacy tools. What emerged wasn't surprising, but it was striking in scale. Developer interviews revealed a strong preference for interactive documentation and flagged sandbox setup as a consistent blocker. Support ticket analysis pointed to the same friction zones — authentication setup, API key generation, and zero testing visibility. Competitive analysis made it even sharper: portals like Stripe and Plaid had set a high bar that US Bank's offering wasn't close to meeting. Taken together, these findings defined the problem statement — not a single usability issue, but a systemic gap: no dashboard, no self-service, no transparency, and no process that a developer could navigate independently.

Stakeholder & Developer Interviews
Competitive Analysis
Usability Testing on Legacy Tools

Key Gaps Identified

  • No centralized dashboard — developers had no single place to manage APIs, credentials, or monitor usage
  • Competitor portals (Stripe, Plaid, Chase) offered guided onboarding and live sandboxes; US Bank had neither
  • No self-service — every step required admin involvement via email or support tickets
  • Lack of interactive documentation made it hard to explore or test APIs in context

What Developers Needed

  • A guided, self-serve onboarding flow with clear steps and no manual dependencies
  • Real-time visibility into API health, usage, and error states
  • Sandbox environments that were easy to access and understand
  • Documentation they could interact with — not just read
Problem Statement

Developers integrating banking APIs were blocked at every step. Entirely manual, admin-dependent workflows — scattered across disconnected portals and endless support tickets — made API onboarding a slow, opaque process with no clear path forward and no visibility when things broke.

Discovery
APIs were impossible to find
APIs were buried across scattered documentation with no search, no categories, and no clear entry point for developers.
Onboarding
No real onboarding process existed
API onboarding was entirely manual — no guided flow, no self-service. Developers relied on admin intervention, back-and-forth emails, and tribal knowledge just to get credentials and access a sandbox.
Monitoring
Failures were invisible
Developers had no visibility into API usage, error rates, or failure causes — turning short fixes into multi-day debugging sessions.
"Debugging APIs was a nightmare — there was no visibility into what was failing or why. We'd spend days on issues that should take hours."
— Developer interviewee, API integration team
Design Process
01
Stakeholder Interviews
Gathered requirements from product owners and developers. Converted insights into user stories and early wireframe directions to align on scope.
Research
02
Competitive Analysis
Benchmarked developer portals from Stripe, Plaid, and Chase. Identified critical gaps in US Bank's offering — no dashboard, no self-service onboarding, and no live sandbox — and used findings to define design principles and feature priorities.
Research
03
UX Strategy & IA
Defined the overall experience architecture. Restructured information architecture to improve API discoverability and streamlined the core exploration and onboarding flows.
Strategy
04
Wireframing
Produced iterative wireframes for core UX journeys — the API Marketplace, guided onboarding flow, and real-time monitoring dashboard — with continuous stakeholder review.
Design
05
Prototyping & Testing
Validated high-fidelity prototypes with developer users. Embedded contextual help throughout the flows and iterated based on feedback to reduce onboarding friction.
Design
06
Engineering Collaboration
Worked closely with engineering and product teams to align on technical feasibility, finalize component specs, and ensure a smooth handoff for the modern UI build.
Delivery
Key Design Decisions

The core concept was a centralized Developer Control Center — a single place to discover APIs, generate credentials, test APIs, and monitor API performance. The solution featured an API Marketplace for structured discovery, a guided onboarding flow to replace admin-heavy email processes, and a real-time monitoring dashboard to build developer trust through transparency. Contextual help was embedded throughout to reduce friction, and the modern interface delivered a frictionless integration experience that led to a 40% increase in successful app registrations.

Developer Portal
US Bank Developer Home
US Bank Developer Portal — Homepage
UX Artifacts
UX Journey Map
UX Journey Map — Developer API Integration
API Developer Onboarding Flow Sketch
Core User Workflow — API Integration Flow
Sketches & Ideation
API Developer Onboarding Flow Sketch
Early Sketch — API Developer Onboarding Flow
Dashboard Design
US Bank Developer Dashboard
Developer Dashboard — Onboarding Steps & Sandbox
Screen Explorations
Outcomes & Impact
+40%
Increase in successful app registrations
Fewer support tickets on auth & onboarding
Higher API adoption & discoverability
Reduced overall onboarding time & cost
Developer satisfaction & trust via monitoring
Fintech · Admin Portal

Legacy Payment Portal
Transformation

Redesigning a complex desktop payment administration system into a modern web-based experience

Domain
Payment Administration
Role
Lead UX Designer
Responsibilities
Research, Strategy, Wireframing, Prototyping
Users
Admins, Resellers, Internal Teams
Platform
Web-Based Dashboard
Overview

Financial institutions rely on a legacy desktop-based payment administration system to configure and manage payment channels for thousands of customers across multiple banks. Administrative users use this system to set up configurations that determine how reseller platforms present payment options and experiences to their end users. The existing interface — originally designed for desktop — was dense, difficult to scale, and incompatible with modern web-based reseller platforms. This project focused on transforming that legacy workflow into a modern web-based experience that simplifies complex configurations and improves usability for administrators while maintaining flexibility for banks and resellers.

Problem Statement

The legacy interface contained dense configuration settings, limited guidance, and outdated interaction patterns that increased cognitive load for administrators. This led to slower setup times, potential configuration errors, and a system that was difficult to maintain or integrate with modern platforms. The core challenge was redesigning a specific configuration screen — for adding or editing payment channels — that directly influences how reseller platforms display payment options and flows for end customers.

"The system was built for someone who already knows everything. There's no guidance, no logic to the layout — you just have to memorize it."
— Newly trained administrator, onboarding interview
Research & Discovery

We began with internal research and stakeholder discussions with the admin team that had been working with the desktop application for several years. We mapped existing workflows and system architecture by creating flow diagrams for key administrative tasks including payment channel setup, adding contacts and banks, configuring account numbers, and other related configurations. We then conducted interviews with two distinct user groups to capture the full picture.

Experienced Administrators

  • Had used the desktop interface for years
  • Developed personal workarounds to manage complexity
  • Understood hidden dependencies through trial and error
  • Resistant to change but acknowledged deep inefficiencies

Newly Trained Administrators

  • Understood the system from training materials only
  • Lacked real-world experience with the interface
  • Struggled with unclear terminology and fragmented layouts
  • Highlighted learning barriers invisible to veteran users
Key Pain Points

Configuration & Navigation Issues

  • Disorganized settings scattered across different sections
  • Related information placed on separate, disconnected pages
  • Fragmented account setup spread across multiple screens
  • Users forced to repeatedly navigate between pages for one task

System & Terminology Issues

  • Hidden dependencies — fields appeared without clear context
  • Some configurations handled via SQL scripts, not the UI
  • Admins needed engineering support for routine tasks
  • Outdated terminology increased the learning curve for new users
Design Process
01
Workflow Mapping
Created flow diagrams for all key admin tasks to understand system dependencies and configuration interconnections.
02
Dual-User Research
Interviewed both experienced and newly trained admins to capture the full spectrum of usability challenges.
03
UX Strategy & IA
Defined experience architecture for admin and customer-facing experiences, ensuring consistency across the ecosystem.
04
Iterative Wireframing
Designed and tested dashboard interfaces, navigation structures, and end-to-end flows with continuous stakeholder feedback.
05
Engineering Collaboration
Worked closely with engineering and product to ensure feasibility and scale the UX practice within the project team.
Key Design Decisions

The core redesign strategy was built around five opportunity areas. Configuration settings were reorganized into logical groupings, eliminating the need to navigate between disconnected pages. Dependent account configuration fields were consolidated into a unified flow, reducing unnecessary back-and-forth. Dynamic show/hide behaviors were introduced to surface system dependencies in real time, replacing the need to rely on tribal knowledge. Where possible, SQL-based configurations were converted into accessible UI controls so administrators could complete tasks independently. Finally, in collaboration with content designers, terminology was modernized to reflect current payment workflows and reduce the learning curve for new users.

Screen Explorations
legacy screens
Legacy Desktop Screens and exploration
legacy screens
Legacy Desktop Screens and exploration
legacy screens
Legacy Desktop Screens and exploration
Web Design Outcome
Fiserv Web Channel Account Rules Editing
Web Channel — Customer Account Rules (Editing)
Design Outcomes & Opportunities
Reduced configuration errors through logical grouping
Fewer engineering escalations via UI-based SQL controls
Faster onboarding for new administrators
Improved discoverability of dependent config fields
Modernized terminology reducing learning curve
02 / About

Experience, Expertise,
& Approach

I'm Akriti Singla — a UX Designer with 14+ years of experience crafting enterprise digital products across banking, fintech, and ecommerce. I lead end-to-end design from research through delivery, working closely with product, engineering, and executive stakeholders in complex, regulated environments.

I translate user insights into scalable experience models and design systems, and leverage AI-assisted tools across the full research and prototyping lifecycle to accelerate decision-making and build with precision.

Capabilities
User Research Interaction Design Design Systems Journey Mapping Stakeholder Workshops Accessibility · WCAG AI-Assisted Design Prototyping Front-End Awareness Service Blueprints
Tools

Figma · Axure · Adobe Creative Suite · FigJam · UserTesting · Maze · Dovetail · Notion · Jira

Experience

Career
Timeline

Mar 2022 — Mar 2025
Senior UX / Product Designer
U.S. Bank
Redesigned the developer dashboard and introduced an AI-powered chatbot, migrating features from legacy admin portal to enable self-service API integration. Led end-to-end qualitative research, stakeholder workshops, and collaborated closely with engineering for seamless handover.
May 2014 — Feb 2020
User Experience Designer
Fiserv
Led redesign of a legacy desktop payment administration system into a modern web platform for banks and financial institutions. Designed a comprehensive multichannel bill payment platform across mobile, web, IVR, and admin channels. Built reusable design system assets and UI toolkits.
Sep 2013 — May 2014
Front End Designer / Developer
Genpact
Developed responsive front-end interfaces using HTML5, CSS3, JavaScript, and Bootstrap for enterprise client projects.
Oct 2011 — Jul 2013
Sr. Web Designer / Developer
Syncapse India APAC Pvt. Ltd
Designed and developed web interfaces for APAC clients. Delivered social media and digital campaign UIs at scale.
Sep 2009 — Oct 2011
Web Designer
Intelligaia Technologies Pvt. Ltd
Crafted user interfaces and visual design for technology products across web and digital platforms.
2007 — 2009
Web Designer
Smartdata Enterprises · Nvish Solutions
Early career roles designing web layouts and digital assets for diverse clients across industries.