Skip to content
← All work

FISERV · UX DESIGN INTERNSHIP · SUMMER 2026

AppMarket Fintech Experience Redesign

A future-state exploration of a scalable marketplace layer beyond a Banking Hub-centered experience.

This is a future-state design exploration, not a launched redesign. The confidential interface work is not shown; everything below is described through sanitized diagrams and written process.

Information ArchitectureProduct StrategyPricing & PackagingFigmaFigma MakePrototyping
Read the case study
View current fintech experience

Opens the current public fintech experience, not the confidential future-state redesign.

01 / Overview

Project Overview

How could the fintech experience inside AppMarket support more than a single Banking Hub purchase path?

AppMarket is Fiserv’s marketplace for financial-technology products, services, and integrations. During my UX Design internship I explored how its fintech experience could evolve as the catalog grows to include more platforms, products, plans, add-ons, and purchasing paths.

Banking Hub remained the most mature platform experience, so the design question was not “how do we redesign one flow” but how AppMarket could support discovery, evaluation, configuration, pricing visibility, and onboarding preparation across a broader ecosystem.

The work resulted in a future-state direction covering marketplace information architecture, product-family organization, plan comparison, guided configuration, dependency and ownership states, persistent selection visibility, checkout, agreement signing, and dashboard ownership views, delivered as a fully working interactive Figma prototype with three complete customer scenarios.

Public-facing product screenshots are shown for research and commentary. All trademarks and product imagery belong to their respective owners.

02 / Context

Context and Core Challenge

The current experience is organized around Banking Hub. A growing catalog needed a marketplace layer above it.

Today, discovery happens inside a Banking Hub-centered context: clients arrive already connected to one platform and browse products that connect back to it. That structure works for the current ecosystem, but it behaves less like a marketplace and more like a platform extension catalog. As additional platforms, product families, and plan-based offerings enter the catalog, there is no higher-level structure for them to live in.

The offerings themselves are also interdependent. Plans, products, services, integration keys, and add-ons rarely stand alone, they are included, required, optional, or tied to a platform. Pricing compounds that complexity: base plans, included features, optional additions, recurring costs, and service costs all change the total. Shown too late, pricing feels like a surprise. Shown all at once, it overwhelms.

How might AppMarket evolve from Banking Hub-centered discovery into a scalable marketplace that supports comparison, configuration, pricing visibility, and onboarding preparation?

Framing question for the project

The brief was genuinely ambiguous. It could have become a product-detail redesign, a plan-comparison feature, a pricing model, a checkout flow, or an IA project. Defining which problem was worth solving became a real part of the work.

03 / Role

My Role, Collaboration, and Review Cadence

UX Design Intern, contributing inside an established product and design organization with a dense critique rhythm.

I worked most closely with my design mentor, who had been AppMarket’s only designer before I joined. I reported to Klaus, my manager and the Head of Design. I collaborated with product managers throughout, and other designers, researchers, and cross-functional stakeholders reviewed the work and gave feedback during the project.

The work was shaped by a recurring review cadence rather than by solo production. I had daily design reviews with my mentor, design reviews with Klaus twice each week, and weekly design presentations, critique sessions, and feedback discussions with my product manager and my mentor. I used those recurring reviews to test assumptions, compare design directions, refine the information architecture, improve hierarchy, clarify pricing and dependencies, and strengthen the prototype.

At the end of the internship I presented the completed multi-scenario prototype to the full product team and separately to the UX team. That final presentation walked through the future-state structure, the key design decisions, the three prototype scenarios, the scalability direction, and the remaining future considerations.

I owned the exploration presented here, including the IA proposals, configuration models, pricing-visibility patterns, and the interactive prototype, but the direction was shaped collaboratively. I was not the sole designer on AppMarket.

04 / Process

Design Process and Project Evolution

The project moved from individual screens to system-level structure, and from static concepts to a fully working interactive prototype.

  1. Phase

    Audit and orientation

    I studied the current AppMarket experience, the Banking Hub relationship, the fintech catalog, existing product materials, and comparable marketplace and configuration patterns inside and outside financial services.

  2. Phase

    Low-fidelity exploration

    Early concepts and flows in Figma and FigJam: product cards, plan comparison layouts, configuration steps, and a first pass at how a user would move from browsing into selection.

  3. Phase

    The shift from screens to architecture

    Daily and weekly reviews kept surfacing the same structural questions: what a product belongs to, what it depends on, what a plan includes. Individual screens could not answer them, so the work moved up a level into information architecture.

  4. Phase

    Rapid prototyping with Figma Make

    I used Figma Make as an AI-assisted rapid-prototyping and vibe-coding tool to translate selected low-fidelity ideas into more interactive concepts quickly, so structural ideas could be evaluated as an experience rather than as static frames.

  5. Phase

    Manual refinement in Figma

    I brought those concepts back into Figma and manually edited, reorganized, expanded, connected, and refined them. I improved hierarchy, navigation, pricing visibility, configuration behavior, dependencies, cross-selling, ownership states, checkout continuity, and dashboard flows, then aligned the refined work more closely with the design system.

  6. Phase

    Critique, iteration, and presentation

    Daily mentor reviews, twice-weekly reviews with Klaus, and weekly critique with my product manager drove several rounds of restructuring. The internship ended with final presentations of the working prototype to the full product team and to the UX team.

05 / Insights

Research and Key Insights

Insights came from auditing the current product, competitive research, and repeated conversations with the people who know the ecosystem best.

Insight 01

Users were not only asking what they could buy. They were asking what a product depends on, whether it is tied to Banking Hub, whether it is already included, and what happens after they select it.

Insight 02

Pricing is a comprehension problem before it is a display problem. Totals only make sense when the base plan, inclusions, and optional additions are visible in relation to each other.

Insight 03

Browsing and configuring are two different modes. Forcing one structure onto both either slows down exploration or leaves configuration unguided.

Insight 04

Scalability was the real constraint. Any structure that solved today's Banking Hub catalog but could not absorb new platforms would need to be rebuilt again.

06 / Architecture

The Information-Architecture Pivot

The most consequential decision was to stop designing screens and design the layer they would live in.

Instead of treating AppMarket as a Banking Hub-adjacent catalog, the future-state direction introduces a marketplace layer above the platforms. Banking Hub keeps its depth and importance, but it becomes one platform inside a structure that can absorb others without reorganizing the whole experience.

Current state

Banking Hub-centered structure

AppMarket
  • Banking Hub context
    • Products
    • Services
    • Integrations
    • Product detail
  • Other contentOutside the main path
What this structure makes hard
  • Products read as Banking Hub features rather than marketplace offerings
  • No shared level for plans, packaging, or product families
  • Dependencies and ownership live inside individual screens
  • Adding a second platform means reorganizing the whole catalog
Scaling test: what happens as platforms are added
1 platform

Structure holds. Banking Hub is the context.

2 platforms

Catalog duplicates. Products live in two places.

3+ platforms

Navigation and ownership logic break down.

A tree with AppMarket at the root, Banking Hub as the organizing context, and products and services nested beneath it.

Simplified representation of the current organizing logic, drawn for this portfolio.
Future state

Scalable marketplace layer

AppMarket marketplace layer
  • Platforms
    • Banking Hub
    • Additional platforms
  • Product families
    • Products & services
    • Add-ons & dependencies
  • Plans & packaging
    • Plan comparison
    • Pricing detail
  • Configuration
    • Selections summary
    • Review
  • Checkout & ownership
    • Cart & billing
    • Agreement signing
    • Dashboard
  • Additional-platform onboarding

A tree with a marketplace layer above platforms, product families, plans, configuration, and onboarding preparation.

Proposed structure explored during the internship. Dashed nodes are future considerations.

This reframing changed what the rest of the project could do. Product relationships, ownership states, and cross-sell opportunities became properties of the architecture rather than one-off treatments inside individual screens.

07 / Decisions

Configuration, Pricing, and Key Design Decisions

Three decisions defined the future-state experience: how configuration is paced, how pricing stays visible, and how dependencies are communicated.

Decision 01

Stepper-based versus progressive configuration

Stepper-based

Explored
Strengths
  • Clear sense of progress and completion
  • Simple to validate one decision at a time
  • Familiar for linear purchase flows
Challenges
  • Rigid for users who are still comparing
  • Hard to scale as product families and dependencies grow
  • Hides the relationship between selections and total price

Progressive configuration

Direction taken
Strengths
  • Supports browsing and configuring in the same space
  • Reveals options as selections make them relevant
  • Scales to new platforms and product families
  • Keeps pricing and dependencies visible in context
Challenges
  • Requires stronger state and hierarchy rules
  • Needs a persistent summary so progress stays legible
Comparison of the two configuration models explored during the project.

Progressive configuration kept exploration and decision-making in one continuous space, but it only works if the user can always see what they have chosen and what it costs. That led to a persistent selections summary holding the plan, selected products and services, dependencies, and a running cost breakdown.

Decision 02

Persistent selections summary

Your selectionsSticky panel
  • Base planTier selected
  • Added products2 items
  • Selected services1 item
  • Integration keysConfigured
  • Optional add-onsNot selected
Estimated total
Pricing values intentionally omitted: conceptual representation only
  • Keeps the selected plan, products, services, and integration keys in one place
  • Distinguishes required decisions from optional ones
  • Reflects pricing changes as selections are added or removed
  • Shows an estimated total that is built from itemized selections
  • Surfaces review status and the required next step
  • Stays visible while a long configuration page scrolls
Conceptual, sanitized representation of the summary pattern, not a Fiserv screen.

Pricing visibility was designed as a progression rather than a single reveal: indicative pricing during discovery, structured comparison at the plan level, and itemized recurring and service costs during configuration. Dependencies use the same logic: required, included, and optional items are labeled where a decision is being made, not buried in detail pages.

Cross-selling was treated as a consequence of clear relationships. When the structure explains what pairs with what, relevant additions can be surfaced without turning the flow into a sales pitch.

  • Plan-level comparison before product-level detail
  • Required, included, and optional states shown at the point of decision
  • Platform and product dependencies made explicit
  • Ownership states so existing clients are not re-sold what they have
  • Running cost breakdown instead of a single end-of-flow total
  • Continuous handoff from configuration into cart, checkout, agreement signing, and the dashboard
08 / Iteration

Iteration and Challenges

Critique from my mentor, product managers, designers, and researchers reshaped the direction several times.

  • Feedback

    The flow felt too linear for users still comparing options

    What changed

    Moved from a stepper to progressive configuration with comparison available throughout.

    Why it mattered

    Fintech buyers evaluate and configure at the same time rather than in sequence.

  • Feedback

    Pricing appeared too late to inform decisions

    What changed

    Introduced staged pricing visibility and a persistent, itemized cost summary.

    Why it mattered

    Total cost is the deciding factor, so it had to be legible while choices were being made.

  • Feedback

    Product and platform dependencies were unclear

    What changed

    Added explicit required, included, and optional states tied to platform relationships.

    Why it mattered

    Users needed to know what a selection obligates before committing to it.

  • Feedback

    The structure had to survive future platforms

    What changed

    Reorganized the IA around a marketplace layer with platforms and product families beneath it.

    Why it mattered

    A Banking Hub-only structure would need rebuilding as the catalog grew.

  • Feedback

    Concepts drifted from the design system

    What changed

    Rebuilt refined screens with existing components, spacing, and type styles.

    Why it mattered

    The proposal had to look and behave like a real product, not a one-off exploration.

The hardest challenge was scope. With no single obvious answer, I had to define the problem, defend a structural direction, and repeatedly revise it as I learned more about product dependencies and platform constraints.

09 / Prototype

The Working Multi-Scenario Prototype

The internship produced a fully working, interactive Figma prototype with three connected customer scenarios, not a set of static screens.

The final deliverable was a fully working, interactive Figma prototype covering three complete customer scenarios end to end. Each scenario runs from entry through configuration, cart, checkout, billing information, agreement signing, order placement, and arrival on the dashboard. Together they demonstrate how AppMarket could support a customer from a first Banking Hub purchase, through returning-customer expansion, and into broader multi-platform growth.

Scenario 01

First Banking Hub purchase

A new fintech customer discovers Banking Hub, evaluates plans, configures the purchase, and completes checkout.

  1. 01Enters AppMarket
  2. 02Browses fintech offerings
  3. 03Selects Banking Hub
  4. 04Compares and selects a connection plan
  5. 05Logs in
  6. 06Configures the purchase
  7. 07Proceeds through checkout
  8. 08Enters billing information
  9. 09Signs the agreement
  10. 10Places the order
  11. 11Lands on the dashboard
Scenario 02

Returning Banking Hub customer

An existing customer returns, reviews what they already own, and expands their Banking Hub relationship.

  1. 01Returns to AppMarket
  2. 02Logs in and lands on the dashboard
  3. 03Reviews the existing Banking Hub relationship
  4. 04Selects additional products or add-ons
  5. 05Configures the purchase
  6. 06Adds selections to the cart
  7. 07Completes checkout
  8. 08Signs the agreement
  9. 09Places the order
  10. 10Returns to the updated dashboard
Scenario 03

Multi-platform expansion

A Banking Hub owner expands beyond one platform, encountering contextual cross-selling along the way.

  1. 01Returns to AppMarket
  2. 02Logs in and lands on the dashboard
  3. 03Browses additional fintech platforms and offerings
  4. 04Selects another platform
  5. 05Continues shopping across products
  6. 06Encounters contextual cross-selling opportunities
  7. 07Adds multiple selections to the cart
  8. 08Completes checkout
  9. 09Signs agreements
  10. 10Places the order
  11. 11Lands on the dashboard with an expanded product portfolio
10 / Final direction

Final Direction and Outcomes

A future-state journey from marketplace entry through checkout, agreement signing, and dashboard ownership.

Future-state journey

Discovery through purchase and ownership

  1. 01Enter the marketplace

    Platform-agnostic entry point

  2. 02Browse product families

    Organized above individual platforms

  3. 03Compare plans

    Inclusions and indicative pricing side by side

  4. 04Select products and services

    Dependencies surfaced in context

  5. 05Configure progressively

    Options revealed as they become relevant

  6. 06Track selections and cost

    Persistent summary panel

  7. 07Review and add to cart

    Itemized recurring and service costs

  8. 08Checkout and billing

    Billing information captured in the flow

  9. 09Sign the agreement

    Agreement review before commitment

  10. 10Place the order

    Order confirmation and next steps

  11. 11Land on the dashboard

    Ownership states and product management

  12. 12Onboarding for platforms

    Banking Hub onboarding preparation, with additional platforms as future work

Sanitized journey model created for this portfolio. Steps read left to right in numerical order.

The exploration concluded with a documented information architecture, a progressive configuration model, a pricing-visibility approach, dependency and ownership patterns, a continuous checkout and agreement path, dashboard ownership views, and design-system-aligned concepts handed to the AppMarket team for continued evaluation.

This work was not launched. It is a future-state direction, and no performance metrics or shipped outcomes are claimed.

11 / Next steps

Future Considerations and Next Steps

The primary happy paths were fully prototyped. Four areas remained open at the end of the internship.

01

Validation and edge cases

  • Missing billing information
  • Incomplete agreement signing
  • Notifications
  • Error and recovery experiences
02

Dashboard evolution

  • Expand ownership states
  • Strengthen product-management flows
  • Support larger product portfolios
  • Refine upgrade and expansion opportunities
03

UX and design-system alignment

  • Continue refining the UX using stakeholder feedback
  • Develop production-ready high-fidelity designs
  • Align all flows with the design system
  • Standardize reusable components across platforms
04

Product model and additional-platform onboarding

  • Evaluate products and service configurations for platforms beyond Banking Hub
  • Align pricing and configuration models
  • Establish clear product and platform dependencies
  • Define platform-specific onboarding requirements
01
Validation and edge cases: The primary happy paths were fully prototyped, while negative flows, validation states, and recovery behavior required deeper definition.
02
Dashboard evolution: The dashboard could evolve as customers manage more products and platforms over time.
03
UX and design-system alignment: The prototype established the experience direction, while additional production refinement and component alignment remained.
04
Product model and additional-platform onboarding: Banking Hub was the most mature and detailed platform experience. Onboarding for additional platforms was future work, and still required platform-specific content, pricing structures, configuration requirements, dependencies, and implementation details.
12 / Reflection

Reflection

This project taught me how to design through ambiguity. There was no defined brief, so the first real contribution was moving from individual screens to system-level information architecture and taking a position on what problem was worth solving.

Balancing user clarity against product strategy was the constant tension. I learned how much pricing, dependencies, ownership states, and platform relationships shape an experience, and how quickly a structure breaks when those relationships are not made explicit.

Figma Make accelerated my early exploration, but the work that mattered was manually transforming generated concepts into a cohesive, connected Figma prototype. Daily reviews with my mentor, twice-weekly reviews with Klaus, and weekly critique with my product manager taught me to defend a direction, absorb feedback quickly, and revise in public. Collaborating with my mentor, Klaus, product managers, designers, researchers, and other stakeholders shaped every version of the direction.

Most of all, presenting the final prototype to both the full product team and the UX team showed me how a working prototype can communicate a future-state product strategy far more convincingly than a deck of static screens.

Case study end