Moneybox Rebrand

Moneybox created a set of guidelines and principles that needed to be applied through the app. It required working against quite tight deadlines and creatively applying the design principles to a range of scenarios. I worked alongside the fantastic product and UX team focused on design/UI.

Client: Moneybox
Head of Design: Ben Guyer
Head of Product: Ashleigh Petrie
UI/UX Designer (contract): Nicola Hankins
UI/UX Designer: Jack Trew
UI/UX Designer: Thai Hoang
UI/UX Designer (contract): Jenny Arbittan

The Select account screen is a key screen in the customer registration journey, the new iconography style needed to be engaging and retain the personality of the Moneybox brand. The style used needed to be reusable in all screen scenarios and to work as a visual cue to assist the customer in understanding which product type they are viewing.

Product details

This is the next key screen in the customer registration journey, potentially this screen could have appeared quite dry and uninspiring. The Moneybox team were keen to make this section engaging using illustrations. I also needed to make sure that the layout worked well with various content layouts. Below are a few examples.

Product icons style exploration

Working with the marketing team we explored various ways of styling the product icons which would be used across the app.

Motion
This is one of the motion prototypes created in Principle, it was used to assist the developer in creating a transition between the full header and the collapsed state when the customer scrolls down

Interstitial screens

Screens using latest illustration elements, horizontal divider lines, parallax animation.

Motion
This is one of the motion prototypes created in Principle, it was used to assist the developers in creating a transition between screens.

Moneybox Blog and Academy

Exploration of different styling, but we ended up with the styles which were easiest or the developers to implement.

JISA integration exploration

Currently the JISA (Junior ISA) app is separate to the main Moneybox app. Towards the end of the project I was asked to explore how this might be integrated into the main Moneybox app from a UX and branding perspective. The first step was to start documenting the current user journey and explore a use case where the customer is already registered with Moneybox but wants to set up a JISA. Below are a few key screens from the different routes.

You may also like