WPP website

Scope

Web design
Design systems

Year

2022

WPP’s website presented a large volume of content, but lacked the structure needed to make it accessible and meaningful.

Information was dense, navigation unclear and the hierarchy didn’t support how users explored the organisation, its work and network.

Where it didn’t work

The site relied on inconsistent layouts and full-bleed visuals that made content harder to scan and prioritise.

As content grew, this lack of structure reduced clarity and made the experience feel heavier than necessary.

Previous homepage
Redesigned homepage
The redesign introduced a modular framework, improved hierarchy and clearer content grouping to create a more navigable and scalable digital experience.
The redesign introduced a modular framework, improved hierarchy and clearer content grouping to create a more navigable and scalable digital experience.
A modular UI system was created to standardise navigation, typography, components and publishing patterns across multiple page types. The system was designed to evolve alongside future brand updates, supporting a more flexible and scalable publishing experience over time.
A modular UI system was created to standardise navigation, typography, components and publishing patterns across multiple page types. The system was designed to evolve alongside future brand updates, supporting a more flexible and scalable publishing experience over time.

Restructuring the experience

The work focused on establishing a modular content framework to organise information more clearly across the site and support long-term scalability.

Layouts, navigation and page structures were redesigned to create predictable patterns, improve hierarchy and support more intuitive navigation.

Reusable components and refined spacing improved content readability, while bringing more consistency across pages and allowing the system to scale more effectively.

Making content discoverable

The new structure improves how users explore content, making WPP’s work, network and thinking more accessible.

It creates a more coherent and consistent experience across the site, supporting both usability and brand clarity.

Since launch, the platform has continued to evolve through subsequent brand updates and content refinements, while maintaining the modular structure and scalable foundations introduced during the redesign.

The hero system was designed to support multiple storytelling needs, such as campaigns, announcements or company messaging.
The hero system was designed to support multiple storytelling needs, such as campaigns, announcements or company messaging.
Different page types, from listings to articles, follow consistent layout patterns, creating a more predictable browsing experience.
Different page types, from listings to articles, follow consistent layout patterns, creating a more predictable browsing experience.

More work