Case Study — Discovery & Prototype

Card management for the UK’s oldest private bank. Designed for discretion.

How I led discovery and prototyping for a mobile card management experience at C. Hoare & Co — a 350-year-old institution with 15,500 customers and no self-service card controls. The design shipped and is live in the App Store today.

1672
Established
15.5K
Customers
20K
Cards managed
2
Phases scoped
Client
C. Hoare & Co
Duration
Q4 2021 – Q1 2022
My role
Expert UX Designer
Status
1 — The challenge

A private bank that runs on personal relationships — not self-service.

C. Hoare & Co is the UK’s oldest privately owned bank, founded in 1672. It serves around 15,500 customers — predominantly high-net-worth families, entrepreneurs, and professionals — with a relationship-led model where each client has a dedicated account manager.

The bank’s existing mobile app offered basic account viewing, but customers had no way to manage their cards. Freezing a card, reporting it lost, or checking a PIN all required a phone call to the relationship manager. With 20,000 cards across personal, business, and corporate accounts, this created a daily bottleneck — especially when fraud was involved.

The bank needed to bring card management into its iOS app — but first, it needed evidence that this was the right investment. My role was to lead UX discovery and prototyping: prove the demand through relationship manager research, define what customers actually needed, and deliver a validated design ready for implementation.

2 — Starting conditions

No design system. No personas. A team that needed convincing.

This wasn’t a project where the client was waiting for UX with open arms. The bank was pushing toward a predetermined solution rather than understanding the problem first. There were no existing personas, no user research history, and no design system for the mobile app.

On top of that, we were navigating a shifting technology landscape — an ongoing AWS migration, evolving platform constraints, and two parallel project tracks where priority levels weren’t immediately clear.

My first job was to demonstrate that a structured discovery process would produce a better outcome than jumping straight to screens.

What we faced
No design system or component library. Reluctance to conduct user research. Relationship managers used as proxy for direct customer insight. Multiple technology changes mid-flight.
What I proposed
A structured discovery sprint: lift-off workshops, stakeholder alignment, RM interviews as primary research, competitive analysis, and a high-fidelity prototype to demonstrate value before any code was written.
3 — Lift-off & alignment

Two days of workshops to get everyone in the same room.

We ran two intensive days of lift-off workshops with the bank’s product, technology, and business stakeholders. The goal was to define the problem space, align on competing constraints, and agree on a discovery plan.

Using a Miro board, I facilitated sessions that mapped the existing customer journeys, surfaced competing priorities from different parts of the business, and identified the core question: what do high-net-worth customers actually need from card management — and what can the bank deliver within its existing technology stack?

Artifact
Miro — Lift-off board
Problem space mapping, competing constraints, stakeholder expectations, and discovery plan. 15 participants across product, technology, and business teams.

The lift-off produced three outputs: a shared project vision, a prioritised backlog of discovery activities, and — critically — buy-in from the bank’s leadership that discovery was worth the investment before committing to development.

To create an elegantly simple to use mobile platform that can facilitate C. Hoare & Co. customer’s card servicing needs. It will deliver efficiencies and better experiences both to customers, and colleagues.
Project vision — co-created during lift-off
4 — Research

The people who know the customers best sit across the desk from them every day.

Direct customer research wasn’t available to us — the bank’s relationship managers are the primary interface with clients, and the institution was cautious about introducing external researchers to their customer base. So I designed a research plan that used RMs as expert proxies.

I wrote a structured interview guide with open-ended scenarios — questions about card fraud situations, Apple Pay requests, mobile app frustrations, and feature requests. We interviewed four relationship managers across different client segments: high-value personal clients, business customers, corporate family offices, and the call centre team.

Artifact
Research matrix
Structured interview responses from 4+ relationship managers, mapped against scenarios and synthesised into patterns. Excel-based affinity analysis.

The interviews produced rich qualitative data. I synthesised responses into an affinity map, grouping patterns across customer segments. Three findings reshaped the entire project direction:

Finding 1 — Fraud is the pain
2–3 fraudulent transactions per week per RM. Card blocking was the single highest-volume manual task. Every blocked card meant a phone call, a Visa system lookup, and a replacement order. Customers were losing cards within the first month.
Finding 2 — Apple Pay is the exit
Apple Pay was the main reason younger clients moved money to other banks. 70–80% of under-40 customers kept an external account specifically for everyday payments. Without Apple Pay support, C. Hoare was losing daily transactional engagement.
Finding 3 — Discretion matters
Wealthy customers sometimes use retail banks to be discreet and not show they’re using a C. Hoare card. Features alone can’t change this behaviour — but card management that reduces friction could help the bank compete for primary-use status.
What this meant
Card management wasn’t just a convenience feature — it was a retention strategy. Adding self-service card controls would reduce RM workload, address the fraud bottleneck, and form the foundation for future Apple Pay integration.
Whilst the card management features won’t directly impact transactional banking, it will add to the full bank offering and encourage customers to use C. Hoare for primary use.
Relationship Manager — research interview
5 — Competitive landscape

Understanding what “modern” looks like — without losing what makes the bank different.

I conducted a competitive review across retail and private banking apps, examining card management patterns from Revolut, Monzo, and traditional banking apps. The goal wasn’t to copy fintech — it was to identify baseline expectations that C. Hoare’s customers would carry from their other banking relationships.

The analysis confirmed that freeze/unfreeze, card state visibility, and PIN management were table-stakes features. But the private banking context meant we needed to handle multiple card types — personal debit, corporate credit, third-party holder cards — with different permission models and visual distinctions.

Artifact
Competitor analysis
Feature comparison across retail, neo-bank, and private banking apps. Card management patterns, navigation models, and visual card state conventions.
6 — Design decisions

Five card types, five states, one coherent system.

The most important design decision was the card state system. Unlike retail banking where a customer typically has one or two cards, C. Hoare’s customers could have personal debit, personal credit, corporate cards, and third-party holder cards — each with different states and available actions.

I designed a visual language where the card itself communicates its state: active cards appear in the bank’s signature teal, frozen cards shift to grey with a snowflake icon, blocked cards darken further with a lock, and unactivated cards show in a warm tone with a prominent “Activate” CTA. Each state change triggers contextual actions — a frozen card offers “Unfreeze,” a blocked card offers “Unblock.”

Artifact
Card states & visual system
Five card states (active, frozen, blocked, not activated, credit) with colour-coded visual hierarchy, contextual CTAs, and status iconography.

I also designed the UI iteration through four versions of the main “My Cards” screen — evolving the information hierarchy, action bar placement, and card detail visibility based on stakeholder feedback and technical constraints. Each iteration tightened the balance between the bank’s brand identity and modern usability patterns.

7 — Phased delivery

Start with the highest-pain actions. Earn the right to expand.

Based on the research findings, I recommended a two-phase approach that prioritised the actions causing the most RM overhead:

Phase 1 — MVP
View my cards — see all cards across accounts with status indicators. Freeze / unfreeze — self-service card freezing with confirmation dialogs. Report as lost or stolen — guided flow with location and time capture for fraud reporting.
Phase 2 — Expansion
Limit contactless transactions — granular control over contactless spend. Report as damaged — separate flow for physical damage. Activate card — new card activation in-app. Iterations on Phase 1 based on live usage data.
Artifact
User flows — all journeys
Complete flow documentation across both phases. View cards, freeze/unfreeze, report card, show PIN, card activation, contactless limits — with edge cases and error states.
8 — Prototype

High-fidelity enough to feel real. Focused enough to test what matters.

I built a high-fidelity Figma prototype covering the complete Phase 1 flows: viewing cards, the freeze/unfreeze journey with confirmation dialogs, and the report-card flow with location and time capture. The prototype used the bank’s brand colours and followed the existing app’s navigation patterns to feel like a natural extension rather than a bolt-on.

Key interaction decisions included confirmation dialogs for all destructive actions (freeze, block, report), clear state transitions with visual feedback, and a help CTA on every screen linking back to the relationship manager — preserving the bank’s personal service ethos even within a self-service feature.

Prototype
Figma prototype — Phase 1 flows
Interactive iOS prototype: card overview, freeze/unfreeze with confirmation, report as lost/stolen with guided form. Built to bank brand specifications.
9 — Accessibility

Tested early, not as an afterthought.

Given the bank’s intergenerational customer base — from 70-year-olds to their grandchildren — accessibility was a first-class concern. I ran contrast checks using Stark and A11y against the bank’s brand palette during the design phase, not after handoff.

The results were mixed: the primary card-on-background combination passed AA at 6.68:1, and the report card flow achieved full AAA compliance. However, the action bar icons on light backgrounds fell short at 3.7:1 — I flagged this as a design system issue that needed resolution before development, proposing darker icon fills that maintained the brand aesthetic.

What passed
Card detail screens at 6.68:1 (AA for normal and large text). Report card flow at full AAA compliance. Primary text and CTA contrast within safe ranges.
What I flagged
Action bar icon-to-background ratio at 3.7:1 (failed AA for normal text). Recommended darker icon fills. Documented as a design system improvement for the bank’s broader app.
10 — Outcomes

The discovery that reshaped the roadmap — and shipped.

The project delivered a complete discovery package: a validated prototype, a phased product roadmap, and research insights that changed how the bank thought about its digital offering.

The most significant outcome wasn’t the prototype itself — it was the strategic appetite we uncovered. During the discovery process, stakeholders realised that card management was just the starting point. The research had surfaced demand for a complementary web platform, corporate card controls, and deeper self-service capabilities. Our recommendations reshaped the product roadmap beyond the original brief.

The card management features I designed — view cards, freeze/unfreeze, report lost or stolen, view PIN — were implemented and are live in the C. Hoare & Co iOS app today. The frozen card state, confirmation dialogs, and card status visual system I prototyped during discovery carried through to the production release.

Live
In App Store
Card management features shipped in the C. Hoare & Co iOS app
2
Phases scoped
MVP + expansion roadmap with clear feature prioritisation
4+
RMs interviewed
Across personal, corporate, family office, and support segments
Expanded
Engagement
Discovery insights led to an expanded scope beyond the original brief
For the business
A validated product direction backed by real user insights — not assumptions. A phased roadmap that the bank could resource and deliver incrementally. Evidence that justified investment in broader digital transformation.
For the users
A clear path to self-service card management that would eliminate the most frequent reasons customers call their relationship manager. Fraud response reduced from a phone call to a tap. The foundation for Apple Pay integration that would keep younger customers within the bank.
11 — Reflection

What a 350-year-old bank taught me about earning trust.

Discovery isn’t always welcomed. Pre-discovery is not always seen as a valuable step by clients — it takes persuasion to bring the needed audience to the meetings. I learned to show the value of each workshop by delivering a tangible output at the end of every session, not just at the end of the project.

Workshop fatigue is real. Too many workshops result in disengagement. I adjusted by reducing session length, tailoring the audience for each workshop rather than inviting everyone, and sharing outcomes with non-participants separately. Showing benefits for each session — not just asking for time — kept momentum alive.

Relationship managers are the real experts. In a private bank, the RM knows the customer better than any analytics dashboard. Designing the research around their expertise — rather than trying to access customers directly — produced richer insights than a standard user interview would have.

What I’d do differently: I’d push for a design system conversation much earlier. Without an existing component library, every UI element was designed from scratch, and the lack of reusable patterns created inefficiency in the later prototype iterations. Starting with even a lightweight token system — colours, spacing, type scale — would have saved significant time and given the bank a lasting asset beyond the project.

Next project

Mortgage Processing Platform

View case study