top of page
&me_nostrap.png
iPhone_14_Pro_Mockup_3.webp
GooglePlayStore 1.png

The launch of &me, a new consumer investment app, attracted a new audience to M&G Wealth.

the &me proposition

The &me app is a customised investment experience powered by Moneyfarm. 


M&G Wealth wanted to open up its funds to a wider range of investors than previously captured through more traditional investment routes.  Ease of use and free access to consultants were the selling points to focus on.


As Senior Product Designer, I created the end-to-end UX/UI experience - from onboarding to portfolio tracking to trading.  

For native iOS and Android

For responsive web

A Two-Phased Design Project

Phase 1:  Customise, optimise and launch the native mobile app

The first phase involved clarifying the scope of the customisation required based on the target user needs.
This included creating a new Look & Feel for the &me brand as well as a design system and illustration library. 

The product was based on APIs from Moneyfarm and initially followed their onboarding flow and logic.  

Most features and flows were in fact customised beyond UI to meet the unique requirements of &me.


Important opportunities were also identified from Moneyfarm's conversion data specifically within the onboarding flow. 

The onboarding optimisation project to improve conversion became the major UX effort of Phase 1.

 

The MVP was launched with an optimised onboarding and fully customised experience in Jan 2023.
 

Phase 2: Build new functionality and launch the responsive web app

The second phase involved building new features.  Joint accounts and the Buy and Sell of mutual funds, including multiple and monthly trades were brand new UX efforts, not supported by current APIs.

Additionally, the responsive web app was built and launched and improvement of the MVP was ongoing during Phase 2.

Phase 1: User and business goals

My first task was to establish who the target user was and tailor the customisation effort to that user.

feat.jpg
self.jpg
Bitmap.png

Phase 1: Optimise the journey

A large element of the project was onboarding optimisation, as featured on Sky TV.
The tone and flow were honed based on prototype testing feedback.

 

app demo at 35 seconds

Address sign-up friction

As the product was built on Moneyfarm APIs and flows, some key drop-off points in the onboarding journey were well known - such as the sign-up hurdle.

Sign-up is necessary to create many financial projections, utilising sensitive and well-formed information.

We worked on a solution to give the customer value before commitment with a 'light' financial projection.

This solution measurably reduced sign-up drop-off.

level5.png
explain.png

Clarify risk & ease portfolio selection

Personal risk levels can be intimidating to users.  Users confirm being labelled high or low can feel uncomfortable.

A prior approach had been assigning personality attributes such as 'Bold' to represent a risk level.

However, a lack of clarity on the connection between a personal risk level (personality) and a portfolio risk level (numeric value) can explain a drop-offs in portfolio selection.

A solution was to clearly label risk as High, Very High etc., and present a numeric scale and the user's place on it.  At the same time, the visual presentation softens the experience using a temperature metaphor.  This clearly connects portfolio match to personal risk level.


This approach improved the 'select-a-portfolio' conversion point.

Explain, encourage, reward

The onboarding experience was transformed through a focus on tone of voice.  A behavioural psychologist was consulted to help with the communication approach.
 

Explain

We explain where the user is in the process and why they are asked for information.  The tone is friendly and reassuring to build trust and confidence.
 

Encourage

We let the user know we understand we are asking a lot, but we're here to help and it's progressing well.

Reward

We communicate success when milestones are achieved.

 

step.png
guide.png
onSky

Phase 1: Test and iterate

Several rounds of prototype testing were undertaken to validate onboarding optimisation decisions. 

Lessons were learned for the immediate release as well as for the v2 release.

web.jpg
test.jpg

Phase 1: Create a brand experience

The brand perception of M&G Wealth needed a fresh approach to attract younger and more casual investors.

I worked closely with the creative lead at M&G Wealth to form a visual experience based on the building blocks of M&G Wealth, but re-imagined in new settings.  I created an illustration library combining pure abstraction with figurative scenes. The abstract images served to reinforce the brand during functional procedures while figurative scenes aided in story-telling about risk levels and portfolio types.