Fintech · Mortgage Platform · 2-Year Engagement

Rebuilding a decade-old mortgage system so 4,000 advisors could trust their own tool again.

Lead UX Designer on a greenfield replacement for a major Swedish bank’s UK mortgage platform. 100+ journeys redesigned. One designer. Three agile teams. A regulated domain where every field carries legal weight.

100+
Journeys Redesigned
4,000+
Banking Managers
5 Branches
Live Rollout
8 Rounds
Usability Testing
Client
Major Swedish Bank (UK)
Agency
Zühlke Engineering
Role
Lead UX Designer
Scale
25 People · 3 Pods
The Story

A system designed for processes, not people.

Imagine you’re a mortgage advisor in a branch. A couple sits across from you, ready to buy their second home. They came to your bank because of its reputation for handling complex, non-standard mortgages with a tailored, personal approach.

You open the bank’s mortgage system — and the screen floods with fields spread across multiple tabs, document templates, and disconnected systems. You’ve been trained to memorise which field lives on which page. You save after every few entries because the system doesn’t support automatic progress saving. You keep an instruction page open because the form isn’t intelligent enough to tailor the journey to the edge case in front of you.

You get a phone call. You’re distracted for several minutes. When you return to the application page — all previously captured data is blank. You forgot to save before taking the call. You start over.

This was the reality for 4,000 certified banking managers across the UK. The legacy system was over 15 years old, maintained by a third party — making every change slow and expensive. Each regulatory update added another tab, another template, more fields. Without validation, errors slipped through to compliance documents, creating risk of regulatory fines and personal liability for the advisors who signed off. It wasn’t a tool. It was an archaeological dig through layers of business logic, held together by workarounds and fear of losing progress.
01 — Who We Designed For

Understanding the people behind the process.

Through stakeholder interviews, contextual enquiry, and ongoing collaboration with subject-matter experts across UK branches, I built a detailed picture of who uses the mortgage system and why it was failing them. Three distinct user profiles emerged. My design work focused on the primary user — the Certified Banking Manager who processes mortgages daily and carries personal liability for every application.

Primary User
Josh
Certified Banking Manager, 42, Surrey. 4 years at the bank. Manages all branch mortgages — securing customers, credit checks, lending decisions. His signature and license go on every mortgage.
“Errors are not an option. I need a reliable application to help with mortgage paperwork.”
Key pain: Typed mortgage data into Word first, then pasted into the system — because hours of work could vanish without warning. No auto-save. No integration. At least 50% more time on admin than the mortgage itself deserved.
Quality & Compliance
Jane
Mortgage Support Officer, 48, Glasgow. Former certified banking manager. 3 years in current role. Ensures compliance, coaches newly certified managers, corrects errors.
“I hate when there’s an error I need to report. It ruins their day, and mine.”
Key pain: No validation or error feedback. A misplaced £ sign invalidated entire documents. She’d memorised every flaw. Wanted documents right first time so she could coach, not firefight.
Stakeholder
Ravi
Product Owner, 38, Manchester. 2 years at the bank. Owns all mortgage applications. Feedback loop with users. Prioritises upgrades.
“I’m just looking for a system to make people’s jobs easier.”
Key pain: Drowning in complaints he couldn’t solve because the system was too rigid to change. Called it “a bowl of spaghetti.”
02 — The Tension

How do you redesign a system you’ve never seen?

Security restrictions meant I couldn’t access the legacy system. Not to test it. Not to screenshot it. Not even to watch someone use it in person. Instead, SMEs screen-shared their workflows remotely, walking me through real mortgage cases feature by feature. I was reconstructing the entire journey from business requirements and expert knowledge alone.

And I was doing it as the sole designer across three agile teams, in an organisation where two different cultures — a consultancy and a bank — needed to work as one. The bank’s UK mortgage department wasn’t familiar with having an embedded UX designer. They had no agile experience. No design vocabulary. No shared expectation of what I was supposed to deliver. Every field I designed carried legal implications. Every sprint, three teams needed design simultaneously. The design system — owned by a separate team in Sweden — was neither stable nor fully tangible. Components were evolving, documentation was incomplete, and patterns were changing underneath me as I delivered against them. I had to marry this shifting design system with an entirely new mortgage platform, tailoring business requirements to sit cleanly within the new system while ensuring consistency across 100+ redesigned journeys.

The easy path would have been to wait. Wait for Figma access. Wait for the design system to stabilise. Wait for someone to explain the legacy system properly. I chose not to wait.

UX Task Map showing dual-track delivery across two agile teams
My UX task map — 85% structured, 15% ad hoc. Dual-track delivery across two pods with staggered sprints and collaboration lanes.
03 — The Turning Point

Everything changed when stakeholders saw wireframes for the first time.

After the discovery phase, I analysed every artefact — SME interviews, screen-share recordings, regulatory documents, workflow maps — and proposed high-level wireframes showing how the entire system could be restructured. Not a polished prototype. A vision. A way to say: this is what it could feel like.

That deliverable gave the project sponsor and senior stakeholders enough confidence to greenlight development. It also gave both teams — consultancy and bank — a shared language. Before the wireframes, conversations about the system were abstract. After, they were concrete. Everyone could point at the same thing.

From that point, I moved into deeper journey-level design. But my primary tool — Figma — was stuck in a 4-month UK compliance approval process. Rather than stall, I built prototypes that referenced the coded component library already available to developers internally. I mapped each flow to the Swedish-managed design system, ensuring developers could start building while I worked toward full Figma access. When it arrived four months later, I redesigned key flows using the approved components — but by then, development was already underway. That decision not to wait meant we didn’t lose a quarter to process.

04 — Leading the Work

What it actually looks like to be the sole designer on a programme this size.

This wasn’t a project where I received requirements and delivered wireframes. I was embedded in the delivery organisation — shaping how design, research, and product decisions were made across the entire programme.

Prioritisation across three teams
Three teams needed design simultaneously. I introduced a UX task map that made design capacity visible to delivery managers, POs, and BAs. I ranked features by regulatory risk, user pain, and technical dependency — then negotiated sprint allocation directly with all three teams. When priorities clashed, I escalated with evidence from user research, not opinion.
Tailoring business requirements
I worked with 5 BAs across the programme, co-creating feature specifications through joint discovery sessions with SMEs. BAs brought regulatory precision; I brought user perspective. Rather than translating legacy logic directly into new screens, I tailored the business requirements to sit nicely within the new system — restructuring process flows so they made sense for modern interaction patterns while keeping the underlying regulatory logic intact.
Marrying an unstable design system
The design system — owned by a team in Sweden — was evolving underneath me as I delivered against it. Components changed, patterns were deprecated, and documentation was sparse. I audited what existed, extended it for mortgage-specific complexity, and married the unstable design system with the new mortgage platform’s requirements — ensuring visual and interaction consistency across 40+ pages despite a moving target.
Evangelising UX patterns
I worked closely with the bank’s internal design team, evangelising best practices of UX patterns and application unification. This wasn’t just about mortgage — it was about raising the bar across the internal tool ecosystem. I introduced shared pattern documentation, led cross-team reviews, and helped establish a common language between design, development, and product — reducing inconsistency and rework.
Promoting design review and iterations
I introduced a structured design review and iteration process across the team and stakeholders. This created a regular cadence for feedback, allowed us to communicate better and make decisions faster, and cut out waste — no more circular conversations or last-minute surprises. Over time, it became the standard for how design decisions were made on the programme.
Upskilling developers
Developers weren’t used to collaborating with a designer — what to expect, when to involve me, how to interpret specs. While Figma access was blocked, I highlighted coded components from the internal design system directly, ensuring developers could build without waiting for pixel-perfect handoffs. Stakeholders weren’t used to agile delivery either. I brought them in through ideation sessions, fast feedback loops, and wireframe validation — so decisions were visible and incremental. Over time, it built genuine confidence and reduced wasted effort.
05 — The Approach

Every feature earned its way into a sprint.

No feature was developed without user validation. I ran 8 rounds of moderated remote usability testing over 4 months, every two weeks. 6 branch SMEs with 5–15 years of mortgage experience. Started on Figma prototypes, progressed to the live coded system.

The early rounds were decisive. I performed initial user testing with 5 new user journeys of the new system — and the results won stakeholder trust outright. Watching real banking managers navigate the prototype, hearing their reactions first-hand, gave the programme board confidence that user-centred design produced better outcomes than assumption-driven development. After that, the door was open: I could suggest further improvements and diverge from the outdated system patterns, as long as the underlying process logic remained intact.

Using different types of research — contextual enquiry, moderated testing, BA-observed walkthroughs, and embedded collaboration — significantly helped the team uncover real pain points and form a prioritised backlog based on concrete insights, not opinion. Beyond scheduled testing, 2–3 SMEs worked with me throughout the entire project as ongoing collaborators — shaping requirements, clarifying edge cases, and validating design decisions as they evolved.

User Research process flow
The research process I established. BAs as note-takers. 2-day session windows. Findings played back to all teams and fed directly into the backlog.
06 — Five Design Moves

The decisions that shaped the platform.

Intelligent flows
Form adapts to mortgage type. Only relevant sections, fields, and dropdowns appear. Recalls previously captured data — no duplication. Each journey feels tailored to the case, not a one-size-fits-all form.
Task manager as scaffold
This was the feature advisors wanted most. They were tired of keeping an instruction page open to know what came next. The new task manager is a dynamic to-do list per case, matched to mortgage type and dependencies. It guides the advisor through the process instead of expecting them to memorise it. Teaches new users. Reassures experienced ones.
Joint applicant handling
Most cases were joint applications. Built dependency alerts when one applicant’s data impacts the other’s. Per-section applicant titles emerged from testing — users couldn’t tell whose details they were capturing.
Autosave + read-only preview
100% data persistence — saves on every keystroke, even on errors. Josh no longer types into Word first. Before generating any compliance documents, advisors enter a read-only preview mode — a clean, scannable view of everything they’ve captured. Previously, this step relied on active input fields that populated the Word document directly. Now it’s a deliberate pause: review, then generate.
Inline validation
Every message in plain English. Legacy had zero validation — errors only surfaced at document generation. Now caught inline, in real-time. Jane shifts from firefighting to coaching.
Information architecture for the Create Case flow
Information architecture for the core mortgage journey — mapped before a line of code was written.
07 — The Interface

What the new system looks and feels like.

Every screen followed the bank’s evolving design system — with components I audited and extended for mortgage-specific complexity. Navigation was restructured around the advisor’s mental model: a left rail for case context, top-level tabs for journey stages, and persistent progress indicators throughout.

Placeholder
Dashboard & Case Overview
Case list, status indicators, task completion. The advisor’s starting point.
Placeholder
Create Case — Adaptive Form
Loan purpose drives section visibility. Joint applicant flow. Scrolling page with Edit pattern. Autosave indicator. Read-only preview before document generation.
Placeholder
Validation & Document Generation
Inline validation in plain English. Error summary. Pre-populated compliance documents.
UI screens to be added. Pending recreated wireframes with anonymised data.
08 — What Testing Changed

What testing revealed — and the hardest decision I had to make.

Testing wasn’t confirmation. It was the engine of the design process. Every session surfaced something we hadn’t anticipated — and the design changed because of it.

Finding: “Second applicant — same boxes”
Session 3 revealed a critical usability failure. When capturing income for two applicants, the form showed identical field sets with no indication of which person the data belonged to. One SME entered the wrong applicant’s salary without realising until the summary page.
Design response
Added per-section applicant titles with colour-coded headers. Dependency alerts surfaced when a change to one applicant affected the other’s eligibility. Retested in Session 5 — zero confusion reported.Draft
Placeholder
Before / After — Joint Applicant Income
Undifferentiated form fields (before) vs. applicant-titled sections with dependency alerts (after).
Finding: completion anxiety
Advisors used Preview mode not to review documents, but to check whether they’d completed all sections. They were afraid of submitting incomplete applications — a habit formed from years of working with a system that gave no progress feedback.
Design response
Completion pills became the primary progress mechanism — visible on every page, updating in real-time, colour-coded by status. By Session 6, SMEs called them the most valued feature in the system. Preview mode shifted from a coping mechanism to a genuine review step.
Completion pills are good way of ensuring everything is complete.
SME, Session 1
Give you sense of comfort.
SME, on autosave
Without the pill there is no clarity.
SME, on completion indicators

And then we had to remove the feature they valued most.

The constraint
The initial design followed a learning-platform pattern — sections and subsections to complete, with completion pills showing progress per subsection (1/5, 10/10) and accordion components on each page. Users loved it. But midway through delivery, the bank’s internal component library deprecated those components. Accordions and progress indicators were no longer recommended for use inside banking applications. The design system team in Sweden had moved on.
The temptation
We could have kept the pattern. Users valued it. Testing confirmed it. The easy path was to argue for an exception — this was a tool they loved, and removing it felt like a step backward. But we were building inside an ecosystem of internal banking applications. Design pattern consistency across the platform mattered more than one team’s preference. I made the decision to align.
The redesign
Accordions gave way to scrolling pages with clearly defined sections and an Edit pattern that let users scan everything at once, make amendments, and navigate to missing fields without opening and closing panels. I also added a read-only mode as a deliberate preview step before document generation. The result was actually faster to scan, easier to amend, and more consistent with the design language advisors would encounter across other bank tools — including applications I didn’t have direct access to but could test through the internal playground.
What this taught me
This wasn’t a clean design process. It was iterative, non-linear, and sometimes painful. Removing a validated, user-loved feature because the component library changed underneath you is not a decision you make lightly. But it’s the kind of decision a lead designer has to make — weighing local user value against system-wide consistency, and being honest about the trade-off.
09 — Impact

The numbers. The system. The people.

90%
Error Reduction
Critical errors in compliance documents dropped by 90%.
Faster Completion
Mortgage application completion time improved by 300%.
4.5 / 5
SME Satisfaction
Average across all testing participants.
100%
Data Persistence
Autosave on every keystroke. Zero data loss.
Impact versus Effort prioritisation matrix
Impact/effort matrix — prioritising features across the roadmap with POs and BAs.
For the business
Regulatory risk reduced significantly — the new validation layer catches errors before they reach compliance documents. The system was built securely by design, passing independent penetration testing. Design system components applied consistently across 40+ pages. A modern, modular platform ready for future product expansion.
For the users
SMEs were thrilled to adopt the new system and actively helped onboard colleagues in other branches. Navigation improved drastically — from memorised tab sequences to a visible, structured journey. Advisors could now focus on their customer, not on fighting the tool. Jane shifted from error correction to coaching. Josh stopped typing into Word.Draft
What shipped
End-to-end workflow & task management. New home purchase. Multiple applicants. Income & expenditure. Assets & liabilities. Digital documents. Regulatory reporting. Enhanced security. Real-time validation. Completion tracking.
Handover & continuity
Trained an internal mid-level UX designer to continue the work — transferring design processes, research playbooks, component maps, and domain knowledge. The product roadmap extends through product lookup, fixed rate booking, protection policies, and customer-facing fact find.
10 — Reflection

Now imagine you’re that mortgage advisor again.

A couple sits across from you. Second home. Complex income. Non-standard mortgage. You open the system. The form already knows this is a joint application — only the relevant sections appear. You capture the first applicant’s details. The header tells you whose data you’re entering. You scroll through the sections — everything is visible, nothing hidden behind tabs. You switch to the second applicant. A phone call interrupts you. When you return, every field is exactly where you left it. Nothing is lost. Before generating the compliance documents, you enter read-only mode and scan the whole application. Everything is correct. You generate, review, sign.

That’s the distance this project travelled.

Trust is the currency, not pixels. In a department that wasn’t used to working with a UX designer, my first job wasn’t to redesign screens — it was to prove that user-centred thinking produces better outcomes. I did that with one set of wireframes that got the entire programme greenlit. After that, the door was open.

The real experts sit in the branches. The SMEs who’d been processing mortgages for 15 years knew every edge case, every workaround, every fear. They didn’t just validate my designs — they shaped them. The best design decisions on this project came from listening, not from innovation workshops.

What I’d do differently: I’d push harder for early design system alignment. The evolving component library created rework that was avoidable with closer collaboration with the Swedish design system team from week one. I’d also establish a cross-team design review cadence sooner — I introduced it midway through the project, but the consistency benefits would have been greater from the start.Draft

Next project

Card management for the UK’s oldest private bank.

View next case