Project overview

Aviva wanted to re-design their corporate website with a view to establishing more of an editorial look & feel.

I was soley responsible for the re-design of the website. I led the creative direction and defined the new look & feel for Aviva's corporate webistes.

Folio-large-aviva-1Folio-large-aviva-1

During the initial design exploration phase I started by sketching out ideas for components, user-flows and page templates.

I established a cleaner more modern look and feel, with better use of colour, typography and white space.

Folio-large-aviva-5Folio-large-aviva-5

Users included potential investors so the data needed to have standout as well as being accessible. I used a limited colour palette, giving the corporate site it’s own identity and setting it apart from the more consumer-facing public sites like aviva.co.uk.

The design system was built using Sketch & Zeplin.

Folio-large-aviva-style-2Folio-large-aviva-style-2

The site was built using a CMS and is kept updated by content authors. To aid the authors I created detailed documentation in the form of an author’s design guide which had helpful do's and don'ts with regards to layout and colour combinations, as well as component guides and photo cropping instructions. I also worked closely with the development team to ensure parity between design and development was achieved.

[unex_ce_button id="content_3ljthyi0s" button_text_color="#000000" button_font="regular" button_font_size="15px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffd300" button_padding="30px 60px 30px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#444444" button_border_hover_color="#444444" button_link="http://www.aviva.com" button_link_type="url" button_link_target="_self" has_container="" in_column=""]View website[/ce_button]