Client

Aviva

Project

Corporate platform redesign

My role

Lead Designer (Hands-on)

Objective
Reimagine a global corporate platform serving multiple countries and languages into an engaging and accessible experience, showcasing the mass amount of news and editorial content. Delivering real-time financial data for existing and new investors.

About

Aviva.com is a trusted source for investors, shareholders, journalists, career hunters and anyone who wants to know who Aviva is and what they do. It's where Aviva tells the world its story.

The problem

The previous look and feel was more than 5 years old and over time more and more content had been added making it cluttered. The site suffered from poor discoverability and it lacked visual / content hierarchy. There was no data visualisation and the overall aesthetic of the site felt dated.

Previous design

Objectives

1.

Improve search functionality, making content more easily searchable

2.

Increase click through rate and dwell time. Reduce page drop-off time

3.

Enable statistic tracking for data analysis

4.

Create a flexible/scalable Design System for Aviva's corporate & consumer facing websites

5.

Modernise the aesthetics of the site and establish a digital corporate brand identity

6.

Introduce real-time financial data for existing and new investors

7.

Improve IA to collate a complex corporate platform

8.

Simplify data driven content, allowing users to access relevant financial statistics

9.

Improve user journeys and site navigation based on user testing

10.

Create documentation and guidelines for content authors

My role

My responsibilities as the Lead Designer were to lead the complete end-to-end design process for this project in a hands-on UI/UX role, taking concepts from design to development, to successfully launching the site.

- UI/UX design
- Art direction
- Corporate brand identity creation
- Design System creation
- Author guide documentation
- Presenting to C-suite executives

Working within a small cross-functional team including a product owner, project manager, a BA and a team of developers, ensuring the designs/solutions created were flexible/scalable and met the needs of the business, as well as their various known user types that visited the site.

The process

  • Audit existing site navigation and content
  • Competitor analysis
  • Review analytics
  • Gather objectives from stakeholders
  • Initial wireframes / prototypes
  • Review with stakeholders
  • Prototype and demo to the wider company
  • Final designs
  • Presentation to stakeholders
  • Development
  • User acceptance testing
  • Analyse results & iterate

Design decisions

  • Mobile first approach
  • Bold, confident use of Typography
  • Introduce more white space
  • Initial UX / Wireframes / Prototypes
  • Use a minimal colour palette
  • More effective use of colour for accessibility purposes
  • Add emphasis to key numbers/data
  • Improve the quality of photography used across the site, with less reliance on stock photography
  • Add custom photography to all headers on all key landing pages
  • Introduce data visualisation
  • Improve scanability of content
  • Improve UI patterns
  • Improve the user experience
Design Process
Responsive component design
Design System Elements
Author's Guide
Final Designs

Outcomes

  • Successfully redesigned and launched Aviva's global corporate website
  • Defined Aviva's digital corporate brand identity
  • Created Aviva's corporate design system and digital guidelines documentation
  • Improved site navigation and introduced a new global mega-nav pattern
  • Created an Author's Guide featuring helpful do's and don'ts
  • The Design System I created was adopted by Aviva Investors for Avivainvestors.com
  • Improved customer satisfaction score

View the live site

Launch website