PRODUCT DESIGN | UX | UI

Money Super Market

Already a well-known brand name, Money Super Market, the price comparison website specialising in financial services, were looking to go after a more significant share of the market, for their mortgage offerings.

They wanted to provide their remortgage customers with a best-in-class comparison tool and turn those mobile visitors into conversions that matched their desktop performance.

Despite having already an older system in place, covering the early stages of the mortgage journey, they wanted to own the full mortgage process, and offer a market-leading proposition for all stages of their customers' buying journey.

The main objective was to go beyond the 'product consideration' phase, improve user experience and provide personalised results.

Running the project in design sprints, we've managed to deliver the PWA within three months. I have concentrated on designing and improving the user experience and user interface of the customer's journey, from the initial stage of research to user onboarding questions, to product consideration, and finally the handover to the broker.

I've paid particular attention to accessibility, as a prerequisite for all financial products: colours, fonts, font sizes and language, all had to meet the industry accessibility standards.

The result was an effortless and consistent user journey across various devices, where the users get maximum value for limited input, giving them the confidence to find the best mortgage deal through a simple and easy-to-follow process.

MSM-UX-UI-Main-img.jpg
Empathy map

Empathy map

 
 
 
User journey map

User journey map

MSM-UX-UI-Customer-journey-map.jpg
MSM - User journey.png

Mobile first

Getting the mobile right was very important, thus all mobile layouts were created before the desktop.

MSM-UX-UI-Results.jpg
Previous
Previous

Pentland Group | Design Thinking

Next
Next

ThinCats | Branding