Design Systems

Design Systems

A modular financial platform engineered a unified system across web and mobile

A modular financial platform engineered a unified system across web and mobile

Let’s talk

Let’s talk

Passport is a banking and treasury platform by Priority Technology Holdings, a fintech company processing over $150B annually and serving 1.8M+ businesses.

Passport is a banking and treasury platform by Priority Technology Holdings, a fintech company processing over $150B annually and serving 1.8M+ businesses.

Client

Priority Technology Holdings

Deliverables

UX/UI Design

Design System

Design Tokens

Front-End Development

The Challenge

A complex financial product needed structure, consistency, and clarity across both internal tools and client-facing interfaces, while supporting real transaction flows and multiple user roles.

Client

Priority Technology Holdings

Deliverables

UX/UI Design

Design System

Design Tokens

Front-End Development

The Challenge

A complex financial product needed structure, consistency, and clarity across both internal tools and client-facing interfaces, while supporting real transaction flows and multiple user roles.

A unified product
across web and mobile

A unified product
across web and mobile

A unified product
across web and mobile

The system brings together dashboards, transactions, payments, and account management into one consistent experience. From daily operations to complex money flows, users interact with a clear and predictable interface built on shared logic.

One system, multiple layers of usage

Operations teams manage accounts, users, and financial flows from structured dashboards

Operations teams manage accounts, users, and financial flows from structured dashboards

End users interact with simplified interfaces for sending, collecting, and tracking money

End users interact with simplified interfaces for sending, collecting, and tracking money

The same logic powers both web and mobile experiences

The same logic powers both web and mobile experiences

Frontend architecture mirrors the design system for consistent scaling

Frontend architecture mirrors the design system for consistent scaling

A single design language aligned product logic, user flows, and real financial operations into one coherent system.

A single design language aligned product logic, user flows, and real financial operations into one coherent system.

Core product architecture
and financial flows

Core product architecture
and financial flows

Core product architecture
and financial flows

The platform supports the full lifecycle of financial operations, from account setup to transaction execution and tracking.

  1. Account and balance management

    Users track balances, view insights, and monitor activity through structured dashboards that surface key financial data instantly.

    01

  2. Account and balance management

    Users track balances, view insights, and monitor activity through structured dashboards that surface key financial data instantly.

    01

  3. Money movement flows

    Sending and collecting funds is handled through flexible flows supporting ACH, wire, checks, and internal transfers.

    02

  4. Money movement flows

    Sending and collecting funds is handled through flexible flows supporting ACH, wire, checks, and internal transfers.

    02

  5. External accounts and payers

    Users can connect external bank accounts, manage payers, and validate financial details within a controlled environment.

    03

  6. External accounts and payers

    Users can connect external bank accounts, manage payers, and validate financial details within a controlled environment.

    03

  7. Card and account control

    Debit cards and accounts are managed through dedicated panels, including status, limits, and lifecycle actions.

    04

  8. Card and account control

    Debit cards and accounts are managed through dedicated panels, including status, limits, and lifecycle actions.

    04

  9. Scheduling and automation

    Recurring and scheduled payments allow users to plan financial activity and reduce manual work.

    05

  10. Scheduling and automation

    Recurring and scheduled payments allow users to plan financial activity and reduce manual work.

    05

  11. Documents and validation

    The system handles document uploads, verification, and audit tracking for compliance and transparency.

    06

  12. Documents and validation

    The system handles document uploads, verification, and audit tracking for compliance and transparency.

    06

Key interaction
and system-driven UI

Key interaction
and system-driven UI

Key interaction
and system-driven UI

Interfaces are built on top of a consistent design system. Each interaction follows shared rules, making complex financial operations predictable and easy to scale.

Design system foundation

01

All interfaces are powered by a scalable design system with predefined components, states, and interaction rules. It ensures consistency across the product and allows rapid feature development.

Design system foundation

01

All interfaces are powered by a scalable design system with predefined components, states, and interaction rules. It ensures consistency across the product and allows rapid feature development.

Card and control panels

01

Users manage debit cards and account settings through dedicated control interfaces with clear actions.

Card and control panels

01

Users manage debit cards and account settings through dedicated control interfaces with clear actions.

Money transfer flows

01

Sending and collecting money is handled through step-based forms that guide users through each operation clearly.

Money transfer flows

01

Sending and collecting money is handled through step-based forms that guide users through each operation clearly.

Account and entity management

01

External accounts, payers, and users are managed through structured lists and detailed views.

Account and entity management

01

External accounts, payers, and users are managed through structured lists and detailed views.

Mobile application experience

01

The mobile app replicates core functionality with optimized layouts and interactions, allowing users to manage finances on the go with the same logic as web.

Mobile application experience

01

The mobile app replicates core functionality with optimized layouts and interactions, allowing users to manage finances on the go with the same logic as web.

A design system built for
independent product growth

A design system built for
independent product growth

A design system built for
independent product growth

The product is powered by a full design system with predefined components, states, spacing, and behaviors. Every element, from buttons to complex flows, follows a shared logic. The system was designed not just for consistency, but for independence. The client team can build new pages, features, and flows using our guidelines without breaking UX quality.

The design system enabled the client to scale the product independently, using our components, rules, and interaction patterns.

Results
After Launch

Results
After Launch

Results
After Launch

The platform unified financial operations, reduced friction in daily tasks, and provided a stable foundation for scaling the product.

1K+

Components enabling consistent UI across product

45%

Faster execution of send and collect operations

2x

Product expansion enabled by design system reuse

Let’s talk about your

digital challenges.

Good work happens when the right teams meet. We’re ready when you are.

Book a call

Let’s talk about your

digital challenges.

Good work happens when the right teams meet. We’re ready when you are.

Book a call

Let’s talk about your

digital challenges.

Good work happens when the right teams meet. We’re ready when you are.

Book a call

Let’s talk about your

digital challenges.

Good work happens when the right teams meet. We’re ready when you are.

Book a call

Let’s talk about your

digital challenges.

Good work happens when the right teams meet. We’re ready when you are.

Book a call

Other Cases

Other Cases

Other Cases

All cases

All cases