Let's connect

hello@maramade.co

Email copied!

Let's connect

hello@maramade.co

Email copied!

Let's connect

hello@maramade.co

Email copied!

Moneywise

Moneywise

Moneywise

UI DESIGN

UI DESIGN

UI DESIGN

Overview

Moneywise.com is a financial tool and online hub for users to gain the latest in financial news and information. As one of the key products in the growing money pillar at Legend, the site is a high revenue earner with lofty goals for 2024. With such large goals for the year ahead, this meant that we needed to look at how the product would scale effectively and at pace.

Our key objectives were to unify the site design, and page templates and perform a design audit in order to understand what issues live on the site and how to address them. My role as lead product designer was to perform the design audit, make recommendations and then execute the build of the design system.

ROLE

UI Designer

TIMELINE

June 2023 – October 2023

LOCATION

Remote

Overview

Moneywise.com is a financial tool and online hub for users to gain the latest in financial news and information. As one of the key products in the growing money pillar at Legend, the site is a high revenue earner with lofty goals for 2024. With such large goals for the year ahead, this meant that we needed to look at how the product would scale effectively and at pace.

Our key objectives were to unify the site design, and page templates and perform a design audit in order to understand what issues live on the site and how to address them. My role as lead product designer was to perform the design audit, make recommendations and then execute the build of the design system.

ROLE

UI Designer

TIMELINE

June 2023 – October 2023

LOCATION

Remote

Overview

Moneywise.com is a financial tool and online hub for users to gain the latest in financial news and information. As one of the key products in the growing money pillar at Legend, the site is a high revenue earner with lofty goals for 2024. With such large goals for the year ahead, this meant that we needed to look at how the product would scale effectively and at pace.

Our key objectives were to unify the site design, and page templates and perform a design audit in order to understand what issues live on the site and how to address them. My role as lead product designer was to perform the design audit, make recommendations and then execute the build of the design system.

ROLE

UI Designer

TIMELINE

June 2023 – October 2023

LOCATION

Remote

challenge

As Moneywise rapidly gained traction in the competitive personal finance market, the company needed to solidify its design system and create a seamless, consistent and user-friendly online experience to stand out among rivals.

The challenge involved crafting a global design system that not only showcased Moneywise's commitment to personal finance and independence but also ensured an intuitive, accessible platform for users to effortlessly compare, learn, and buy financial products.

process

I started with a comprehensive design audit of the existing site. During this time I looked at each detail, component, letter and interaction across the site’s key templates. I found that the major issue overall was consistency.

Typography, legibility, contrast and redundancy were other issues found. We recognised that this was inefficient and could be solved with the implementation of a design system.

Outcome

The result of my work with Moneywise is a consistent, user-centric site experience that ensures scalability for years to come.

My solution was to review all of the foundational elements of the brand and the site in order to craft a new design system that would be the single source of truth for the organisation. The brand identity was already in play, so I was tasked with ensuring all of its elements were applied consistently. I also redesigned the key templates that the site is built from, whilst doing this I optimised the design, layout and components so that they are flexible and can be reused with ease.

The Moneywise DS took 3 months to complete and is now in the build phase for application and launch in early 2024. With some templates in development in 2023.

By focusing on accessibility and user needs, Moneywise's revamped design system enhances customer and internal team satisfaction, solidifies its market position, and fosters continued growth in the competitive personal finance landscape.