TrueLayer Products

Scaling Open Banking Infrastructure & Payment Networks

During my tenure at TrueLayer, I witnessed the company evolve from a B2B API provider using Open Banking to verify data into a high-growth consumer payments network, competing directly with established rails like Visa, Mastercard, and Apple Pay.

My career progression mirrored this company growth. Transitioning into a Design Management role, my contribution shifted from purely hands-on execution to cross-functional stakeholder management, product strategy, and design mentorship. While I step in as an Individual Contributor for high-urgency projects, my core focus is empowering a talented design team, establishing long-term roadmaps, and elevating

TrueLayers product is predominantly a web app built in React, but there was also iOS and Android SDKs too. I worked on all of these during my tenure understanding the limitations of both.

Below are two key conversion-critical products I helped ship.

Hosted Payments Page.

The Hosted Payment Page serves as the core web interface facilitating Open Banking checkout flows. We designed the HPP's UX and UI to work across Web, iOS and Android as consistently as possible.

The Core User Flow:

  • Initiation: User selects "Pay by Bank App" on the merchant checkout screen.

  • HPP Launch: The TrueLayer Hosted Payment Page modal opens.

  • Provider Selection: The user chooses their banking institution.

  • Verification: The user confirms details and redirects to authenticate via their bank app.

  • Completion: Payment is completed and returned to the merchant.

Key Enhancements & UX Innovations:

  • Sleek, Neutral UI: Applied a stripped-back, neutral color palette. Because external bank logos introduce high visual clutter, keeping the surrounding container minimalist preserves visual balance and trust.

  • Bottom Sheet Container: Introduced a native-feeling bottom sheet interaction pattern. Moving the bank selection list directly into the initial view eliminated an unnecessary step in the funnel while introducing fluid touch gestures.

  • Visual Context & Loading Feedback: Replaced dense explanatory copy with subtle, branded loading animations. This visually reassures users during cross-app redirects while seamlessly introducing TrueLayer's brand identity.

Embedded UI

Embedded UI provides a lightweight, seamless checkout experience integrated directly into merchant sites.

The Core User Flow:

  1. Initiation: User selects "Pay by Bank App" at checkout.

  2. Overlay: An inline modal opens seamlessly over the merchant payment page.

  3. Provider Selection: User chooses their bank within the overlay.

  4. Verification: User authenticates securely via their banking app.

  5. Completion: Payment is confirmed without ever abandoning the merchant context.

Key Enhancements & UX Innovations:

  • In-Context Security: Doubled down on the bottom sheet and modal architecture so every step renders as an overlay above the merchant site. User research confirmed that keeping the merchant background visible significantly increases trust and completion rates.

Impact & Strategic Overview

Shipping these products required balancing complex financial security requirements, open banking technical constraints, and rapid conversion UX. By stepping back from daily production work, I focused on:

  • Strategic Alignment: Unifying cross-functional product, engineering, and commercial stakeholders around shared UX benchmarks.

  • Team Empowerment: Mentoring design squads to take full ownership of feature execution while maintaining system-wide UI consistency.

  • Targeted IC Contributions: Executing directly on tight-timeline, high-risk strategic projects when dedicated hands-on bandwidth was required.

Summary

These are just two recent examples of some of the products I have helped shipped at TrueLayer. In my design manager role my main focus has been cross functional stakeholder management, long and short term strategy and elevating the team around me.

I'm very lucky in the designers in the team are very talented and I have had more time to focus on strategy and management, as I trust their skillset completely. When needed I still do hands on IC work but mostly on shorter, hard timeline projects.