Moneybox 3.0

The project brief was to restructure core screens of the Moneybox app so that they are product agnostic, meaning that customers get a snapshot of their balances, deposit settings and progress of all of their accounts when they log in to the app. Moneybox wanted their customers to be up to date with what’s important to them right now. This was a three month project working within the core design team.

Client: Moneybox
Head of Product: Ashleigh Petrie
Design Manager: Michelle Aaron
Senior Product Designer: Nicola Hankins
UI/UX Designer (Growth specialist): Nadine Faria
UI/UX Designer: Thai Hoang
Product Manager: Harry Boteler
Product: Cheok Funn Lee

Final designs

These are the final approved designs for 'This Week', 'Round Ups' and the Moneybox 3.0 onboarding screens.

This week and round ups final designs as a working prototype

This Week

Initial sketches for the third 'This Week' home screen concept. Previous iterations used a card based approach for each of the available products, but this version broke from the constraints of the cards allowing space for illustrations and equal positioning for the products.

Every edge case and scenario was considered, with the designs stress tested on other screen sizes, these screens represent a small fraction of the overall work.

The core team created other concepts and design iterations, but after user testing and stakeholder feedback we went into development with these screens...

There are different illustrations for each product created by Mayumi Hashimoto

Round ups

Examples of some of the initial wireframes for the round ups hub, we went thorough many rounds of iterations, from wireframes, initial visual concepts to the final approved designs for Android and iOS. Previously round ups were on the home screen, but with MB 3.0 we wanted to move this content into its own screen, allowing the functionality to be expanded.

Final approved 'Round Up' screens.

Video of the final developed version.

Onboarding

Final Moneybox 3.0 onboarding designs for existing customers, I created the illustrations and wrote the copy (mostly).

Discover

Visual development of the discover tab.

Illustration style development.

Approved 'Discover tools' screen designs.

You may also like