Digital Deposit Module

2023

Redesigning Certificates of Deposit and Term Deposits for a digital-first bank, from rigid branch processes into a guided mobile journey. Pre-launch, prototype-validated.

Digital Deposit Module

2023

Redesigning Certificates of Deposit and Term Deposits for a digital-first bank, from rigid branch processes into a guided mobile journey. Pre-launch, prototype-validated.

Client

Digital-first bank

Client

Digital-first bank

Role

UX Lead

Role

UX Lead

Service

Regulated UX, iOS & Android

Service

Regulated UX, iOS & Android

Digital deposit module case study cover

The challenge

The challenge

Certificates of Deposit and Term Deposits for a digital-first bank, redesigned from rigid branch processes into a guided mobile journey on iOS and Android. I was UX Lead.

Stakeholders from traditional banking assumed dense verification steps built trust. Customers expected the opposite: growing their money without banking jargon. The design had to earn the trust of both.

The branch process, moved onto a phone
  • An 8-screen booking that copied branch paperwork, one screen per step.

  • 25+ entry fields that exposed internal database attributes.

  • Dense legal blocks with mandatory timers, before anything else.

  • Abbreviations like CD and TD with no explanation.

How we got there
  • Co-mapping: stakeholders, compliance officers and designers went through the branch forms together and removed fields that added nothing for customers.

  • Timed role-play: prototypes of the digitised branch flow and the guided flow, timed side by side.

  • Legal review: making the case to auditors that disclosures at the right step build more trust than a wall of disclaimers upfront.

Diagram comparing the eight-screen branch flow with the three-step guided journey
Diagram comparing the eight-screen branch flow with the three-step guided journey
8 branch screens → 3 guided steps

① The digitised branch flow stakeholders started with ② The guided journey we designed

Decisions & outcome

Decisions & outcome

The redesign kept every compliance requirement and changed where and how each one appears.

A guided three-step journey

Amount and tenure, then payout preference, then review and confirm, with a progress tracker throughout. Yields recalculate live as choices change, so exploring the options teaches the product.

12 inputs instead of 25+

Backend defaults and progressive inputs cut the fields the customer sees by 52%.

Agreement at the end, education inline

Terms move to the final summary as a clear checklist with collapsible helpers. Tooltips and comparison drawers explain CD versus TD inside the flow.

Validation results
  • 4 screens to book a deposit, down from 8.

  • 12 form inputs, down from 25+.

  • 6 minutes to complete in timed prototype tests, against 18.

  • 8 of 10 interviewees said “I understood what I was doing”.

Measured with prototypes, stakeholder role-play and interviews before launch, not production data.

Recreated prototype, step 1: amount and tenure with live yield
Recreated prototype, step 1: amount and tenure with live yield
Exploring teaches the product

① Quick amounts ② Yield and maturity update as choices change Recreated prototype · pre-launch

Recreated prototype: CD vs TD explained in a bottom sheet
Recreated prototype: CD vs TD explained in a bottom sheet
Jargon explained where it appears

① CD vs TD in a bottom sheet, without leaving the flow Recreated prototype · pre-launch

Recreated prototype, step 2: payout preference with the amount at maturity
Recreated prototype, step 2: payout preference with the amount at maturity
Payout choice shows its outcome

① Two payout options ② The amount you’ll receive Recreated prototype · pre-launch

Recreated prototype, step 3: review, disclosures and agreement
Recreated prototype, step 3: review, disclosures and agreement
Compliance at the end, as a checklist

① Collapsible disclosures ② One agreement ③ Confirm stays disabled until agreed Recreated prototype · pre-launch

Want the full story?

The full case study goes deeper, with every decision up close, more screens and the reasoning behind them.

Create a free website with Framer, the website builder loved by startups, designers and agencies.