⚡ Design Sprint · Zopa · 2024

Savings Dashboard Refresh

5 days to reimagine the savings experience 🚀

A focused design sprint to transform Zopa's cluttered savings dashboard into a flexible, personalised experience that serves both customers and business goals.

💼 Role: Senior Product Designer
🏢 Company: Zopa
Duration: 5-day sprint
Savings dashboard final designs
💡
✦ The Challenge

A dashboard that couldn't keep up

Zopa's main savings dashboard lacked the flexibility to meet both customer and business needs. For customers with multiple pots, the dashboard felt cluttered and hard to manage, limiting our ability to influence customer behaviour and promote new offerings.

We needed a more organised, adaptable dashboard that enhanced the user experience and supported business growth. The sprint was our opportunity to step back, align the team, and design a fundamentally better experience.

This wasn't about a reskin. The team was clear: we wanted a new tangible vision for the dashboard, something flexible for both us and customers, that conceptualises new experiences and hints at future product directions.

^ the brief was ambitious for 5 days 🔥
Existing dashboard

The old dashboard

Pain points
Does the accessible funds bar component add much value?
Section names use up a lot of space
For customers with lots of pots, pot type unknown unless you scroll up to the heading
How effective are these actions when we introduce Open a Pot?
No bottom nav
How do we make important temporary announcements?
Could we surface documents more? e.g. statements, certificates of interest
How do we prioritise which promos to show?
🎯
✦ Framing

What do we want from the dashboard?

Before diving into design, I mapped out the dual needs of the dashboard, what customers want and what the business needs, to ensure we were designing for both audiences simultaneously.

Clear savings overview

Customers want to see their total balance, pot breakdown, and progress at a glance without navigating through multiple screens.

Minimal clicks to key actions

Add money, withdraw, and open pot need to be prominent and accessible within one or two taps from the main screen.

Easy multi-pot management

As customers grow their savings, the dashboard needs to scale gracefully, not feel more cluttered with each new pot.

Market new offerings

The business needs space to promote new savings products, cross-sell opportunities, and surface timely information like ISA allowances.

Influence behaviour

Drive actions like setting up auto-save, boosting pots, and adopting multiple products through contextual, personalised prompts.

Personalised experience

Tailor the dashboard to different customer lifecycle stages, from first-time savers to power users with multiple pot types.

Success metrics

Higher engagement
WAU, new pots opened, widget interaction
CSAT improvement
Customer satisfaction with the savings experience
🤝
✦ Stakeholder Workshop

Getting aligned as a team

I facilitated a structured stakeholder workshop with product, engineering, and leadership to surface wants, needs, hopes, and fears for the sprint. The agenda was designed to get the team out of their heads, aligned on direction, and inspired by what's possible.

Hopes and fears

Each team member shared what they wanted and didn't want from the sprint, surfacing alignment and tension points early before a single pixel was designed. The board ran across four quadrants: what we want to see, what we don't want, post-sprint hopes, and post-sprint fears.

DURING THE SPRINT, What do you want to see?
Yinka
New tangible vision for the dashboard
Hints at future experiences
More space to promote and share recommendations
Feedback from actual Zopa customers
Rory
Doesn't feel congested
No scroll for reg saver
Promos question answered
Widgets/pop-ups strategy
Tim
A cleaner UX for multi-pot customers
Closer alignment to jobs and intents
Space to grow into widgetisable experiences
More optionality to drive power user behaviour
DURING THE SPRINT, What do you not want to see?
Yinka
A copy of what we have today
Deep dives into future propositions
Rory
Same areas: access, boosted, ISA etc
Narrow minded to new ideas
Tim
Reformulation of the entire savings experience
A re-skin only
Losing key CTAs from dashboard
Rethinking how pots work at the pot dashboard level
POST SPRINT, Hopes
Yinka
Great customer feedback
Excitement from LT
Clear vision of the architecture we need to build
Rory
Fresh feel
Can easily add/remove pot types
Tim
We have something we can step our way toward in new Brand UI
We increase multi-product adoption
We drive more behaviours that lead to retention
Customers love it
Customers use it
POST SPRINT, Fears
Yinka
No direction forward
Eng say it's not feasible, "we don't have the components to build this"
Rory
Still congested
Overly complex (slight fear this is what's happening with the homepage)
Tim
We end up with an inflexible hub
We limit our ability to test customer behaviours and interventions
We prejudice key CTAs
Over engineered, so hard to implement in a staged way
Customers say it's worse than what we had before from a simplicity and ease perspective

Jobs to be done

We defined six core customer jobs and used blind voting to prioritise them against business outcomes. The top-scoring jobs became our design anchors for the sprint.

Easily manage multiple pots

Score: 17, the highest-rated job. Customers need a streamlined, decluttered interface for managing growing numbers of pots.

Receive useful recommendations

Score: 15, actionable, personalised content that helps customers make smarter financial decisions.

Explore new, relevant products

Score: 14, seamlessly integrate new product discovery into the experience without overwhelming the user.

Scoring JTBD against outcomes

Each job was scored (1–5) against four outcomes: increase engagement, encourage product adoption, enhance satisfaction, and improve retention. This gave us a data-driven prioritisation framework that the entire team bought into.

JTBD scoring matrix, each job scored 1–5 against four outcomes with totals
JTBD scoring matrix, one participant's completed scoring table Each job scored 1–5 across four outcomes: increase engagement, encourage product adoption, enhance satisfaction, and improve retention. Totals were aggregated blind across all participants to produce an unbiased priority ranking.
📐
✦ Design Principles

Three principles from Grow

To navigate our thinking, we applied principles from Zopa's Grow framework, giving us a clear lens for every design decision:

Personalisation

Customers are empowered to create an experience that suits them. Zopa can deliver specific recommended actions to drive value and interaction.

Control

Customers can easily complete their priority tasks, whatever their product. Zopa can surface information that empowers customers to make good decisions.

Discovery

Customers can easily discover information about their finances that they wouldn't otherwise see. Zopa can recommend products based on their unique situation.

✏️
✦ Ideation

Pencil to paper

With priorities aligned, I ran a collaborative sketching exercise where team members drew their vision for the new dashboard. This wasn't about polished output, it was about surfacing mental models and generating diverse ideas before converging on a direction.

Alongside sketching, we ran a UI inspiration exercise where the team reacted to patterns from other apps (Opal, financial dashboards, widget-based UIs), identifying what felt right and what felt wrong for Zopa's context.

UI inspiration reactions board showing app screenshots with team annotations, carousel cards, dynamic elements, way too much info, small carousel cards, transaction feed not savings specific, not enough info
UI inspiration reactions, what felt right and wrong for Zopa's context
🏗
✦ Architecture

Defining the dashboard structure

From the workshop outputs, I synthesised the team's input into a clear dashboard architecture built around four distinct zones, each with a specific purpose and set of customer jobs it serves:

Know where I'm at

The account hero, total balance, accessible vs. locked funds, and key action buttons (add money, withdraw, open pot). The immediate financial snapshot.

Do what I know

Interest earned, suggested actions, and promotional widgets. A personalised zone that surfaces relevant nudges based on customer lifecycle stage.

My pots

A compact, customisable list of all pots with pot type embedded. Edit pot order, hide pots, and manage savings in a streamlined, scannable format.

Crucially, this architecture introduced a widget-based system, modular components that could be added, removed, or reordered based on customer context. New widgets for ISA allowances, auto-save prompts, and Rate Climber could be surfaced without redesigning the dashboard.

Savings balance
Core actions
Inspire
Pots
Discovery widgets
👁
Know where I'm at
Account Hero

Total balance, accessible vs. locked funds, and quick-access action buttons, always at the top.

Total balance Add funds Withdraw Open a pot
Know where I'm at + Know what to do
Inspire

Interest earned highlights the value of saving. Suggested actions guide customers toward positive habits based on lifecycle stage.

All-time interest Pending interest Suggested actions Widget slots
🏦
Do what I know
Pots

A compact, customisable pot list with type embedded in each card. Drag to reorder, hide pots, designed to scale to 20+ pots.

Compact pot list Edit pot order Hide pot Pot type badge
🔍
Know what to do
Discovery widgets

Lifecycle-segmented recommendations that surface the right product at the right time, Rate Climber, Regular Saver, Smart ISA.

Rate Climber Regular Saver Smart ISA Lifecycle logic

↑ Hover over each zone in the wireframe to highlight the corresponding section detail

🎨
✦ Design

From exploration to high-fidelity

I explored multiple design directions during the sprint, iterating rapidly with two stakeholder reviews built into the schedule. Each review sharpened the direction and built team consensus.

Key design decisions

Existing customer dashboard
🧪
✦ Usability Testing

Validating with customers

We ran unmoderated remote testing with 8–10 active savings pot customers, a mix of beginners and experienced users. The test focused on whether users could understand the dashboard layout, identify their pots, and interpret the "Edit Pot Order" functionality.

Test feedback

Participants liked the new design

Described as "easy, simple, clean, understandable, minimalistic, and very well designed." Strong positive first impressions across all participants.

Drag handle understood by most

Not all participants immediately recognised the drag handle icon, but most understood the concept. Some participants wanted to see all pots at dashboard level.

Eye icon clarity needed

Participants weren't sure what the eye icon meant in the edit pot page, though they understood the primary pot couldn't be hidden. An area for refinement.

Next steps from testing

🛠
✦ Handover

Widget system & dev handover

The final output wasn't just a set of screens, it was a modular widget system with clear prioritisation logic. Each widget had defined conditions for when it should appear, what data it required, and how it related to Jira tickets for development.

I documented every widget component, from the account hero and interest earned section to promotional areas, pot cards, and the "Grow your savings" recommendations, each with their primary and variant states, data dependencies, and implementation notes.

Widget system & Jira mapping

↕ Scroll to explore the full widget system

💭
✦ Reflections

What I learned from a 5-day sprint

What went well

What I'd do differently

The sprint proved that a well-facilitated 5 days can deliver more aligned, confident output than weeks of async iteration. The key was getting everyone in the room, grounding decisions in real customer jobs, and designing a system, not just screens.

^ systems thinking > screen design ✨
up next...

Open a Pot →