Preview controls
DEMO MODE

Template preview

You’re viewing sample content. Forms and interactive actions are simulated; no real data is changed.

Ledger

A fintech operations console redesigned around clear transfer states, safer recovery, and accessible workflows.

Design outcomes

  • Mapped the transfer journey and made every status, risk, and next action explicit.
  • Validated recovery paths with operations users before refining the interface.
  • Created accessible transaction patterns shared by design and engineering.

Case study

Challenge. Ledger's operations team could not quickly understand a transfer's status, risk, or next action. Recovery paths varied between screens, increasing hesitation during time-sensitive work.

Approach. I mapped the end-to-end transfer journey with product, support, and engineering, then prototyped the highest-risk states. Short usability sessions helped us clarify language, hierarchy, keyboard behavior, and error recovery before visual refinement.

Outcome. The final direction reduced the workflow to a small set of accessible transaction patterns. Those patterns became reusable components and documentation that the team could extend without inventing a new screen for every state.

Before & after

The original transfer workspace exposed every control at once. The redesign clarifies status, risk, and the next safe action while keeping recovery paths close at hand.

Wireframe exploration for the Ledger transfer flow
Final Ledger transfer dashboard design
Final DesignWireframe
#1847B8 → #5B7CFA
#148A63
#F7F5F0
#18212F

Color library

Ledger blue anchors primary actions and transfer progress, while green confirms safe completion. Warm neutrals keep dense operational data calm, and deep ink maintains accessible contrast across tables, alerts, and recovery states.

Font library

Hanken Grotesk carries the product interface with compact, readable forms and tables. Cormorant Garamond is reserved for editorial moments that need a more distinctive, human voice.

Hanken GroteskInterface
Bold700
Medium500
Regular400
Light300
Cormorant GaramondEditorial moments
Bold700
Medium500
Regular400
Light300

Have a product in mind?

Let’s shape a clear, accessible product experience that is ready to build and grow.