Colonial First State

Project overview

Company

Wilson Fletcher

Client

Colonial First State

Category

Finance

Role

Principal Experience Designer

Tasks

Platforms

Web

Date

2015

Making sense of the complex

Providing information and resources in regards to investing gets even more complicated when you’re targeting both personal investors, financial planners, and employers.

Beyond carefully structured articles there is also an ocean of forms, terms and conditions, and a variety of tools to empower the users. Finding a way of easily navigating all of this was the main challenge with this project, as well as re-defining the digital brand language so as to be accessible and simple.

Having the front-end code within our control allowed us to fine tune typography and carefully tweak the responsive states, resulting in a site we could all be proud of.

Testing and requirements

Both focus groups and one on one testing were conducted to get a clear picture of the different user needs. The resulting insights allowed us to create a more targeted IA structure and give the content right levels of priority on the page.

With banking and investing having a range of restrictions and regulations, we worked closely with the CFS team to ensure that the necessary information was in place while still aiming for a simplified user experience.

One experience that was explored was a fund comparison tool, allowing for columns of comparable returns, fees and assets, as well as performance graphs. Much like other comparison tools I have designed over the years, the most challenging part was making the mobile view equally easy to use.

Fund overview page
Fund details and markets performance
Fund & Performance comparison tool
An attempt at creating a fund comparison tool

Delivering the full experience

In addition to creating the full set of screen designs and guiding the image selection, we also provided the front-end code. This helped ensure that the final screens stayed true to our original vision and intended user experience.