Investec

The project kicked off with a requirements capture, which allowed the team to create an Information Architecture (IA) for the website.

A key requirement was that we utilised as many of the existing components on other areas of the site to reduce the development costs. With this is mind we created wireframes for the IA. There had also been extensive user research completed from the brand team which was adhered to during this process.

A key audience insight was that the target market were willing to read more information on screen, especially when it came to matters involving finance. This had an impact on the content design, which had an impact in how I designed the components.

Once the wireframes, IA and user journeys were agreed. I began the design process. While we knew structurally what the layout was going to be there were still questions about design elements. I created 3 designs for key pages with key elements changed so we could run UX tests around Attention, Regions of Interest, Clarity and Excitingness.

These gave us key insights into how we should design key elements like buttons and how Photography and headlines should be used on the site.

These results informed the final designs for the website and which components proved most effective for different messaging.

The Designs were built using an Atomic Design model, which allowed me to create consistency in the design but also the flexibility that the Investec team needed.