WPP website

Web design / Design systems

2022-2026

WPP’s global 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.


WPP’s global 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.

RESTRUCTURING THE EXPERIENCE

The work focused on introducing a modular system to organise content more clearly across the site.

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.

OLD HOMEPAGE

NEW HOMEPAGE

From dense and inconsistent layouts to a more structured and modular system, improving hierarchy and content readability

TYPOGRAPHY IN USE

COLOUR PALETTE

DESIGN ELEMENTS

A modular system of components and layouts designed to organise content more clearly and support consistency across the site

HOMEPAGE

VALUES

ARTICLE PAGE

WORK PAGE

Different page types, from listings to articles, follow consistent layout patterns, creating a more predictable browsing experience

OLD HOMEPAGE

NEW HOMEPAGE

From dense and inconsistent layouts to a more structured and modular system, improving hierarchy and content readability

TYPOGRAPHY IN USE

COLOUR PALETTE

DESIGN ELEMENTS

A modular system of components and layouts designed to organise content more clearly and support consistency across the site

HOMEPAGE

VALUES

ARTICLE PAGE

WORK PAGE

Different page types, from listings to articles, follow consistent layout patterns, creating a more predictable browsing experience