Turning project data into a clearer view of what's happening.

Client

Dentsu

Role

Senior Product Designer

Year

2026

Dentsu Connect Projects brings together information from across an individual project, giving internal and external members a shared view of activity, performance and progress.

I designed a modular Bento-style experience that could surface this information in a way that felt scannable, flexible and visually engaging, while providing clear routes into deeper project experiences.

DEFINING THE CHALLENGE

Surfacing complex project data without overwhelming users

Connect brought together planning, audience, budget, performance and production tools into a single platform. Each project contained a huge amount of information, but most users only needed a small subset at any given moment.

The challenge was designing a system that could surface the most important information at a glance while providing access to deeper workflows when needed.

ESTABLISHING THE UX MODEL

A Bento system designed around four UX principles

I used four UX principles to determine what information users saw, when they saw it, and how they could explore further.


  1. Information hierarchy

Prioritise the signals users need to understand project health at a glance.

  1. Progressive disclosure

Reveal more complexity as users move from overview to deeper exploration.

  1. Recognition over recall

Surface useful project context so users don't need to remember where information lives.

  1. Information scent

Give users enough context to decide whether something is worth exploring further.

  1. Information hierarchy

Prioritise the signals users need to understand project health at a glance.

  1. Progressive disclosure

Reveal more complexity as users move from overview to deeper exploration.

  1. Recognition over recall

Surface useful project context so users don't need to remember where information lives.

  1. Information scent

Give users enough context to decide whether something is worth exploring further.

DESIGNING FOR DIFFERENT STATES

The same Bento needed to behave differently depending on the information available.

When no data existed, it needed to provide a useful starting point. Once data became available, it needed to surface the most relevant signal. And when users needed deeper understanding, it needed to provide a clear route into the underlying experience.

EXPLORING THE RIGHT LEVEL OF DENSITY

Finding the right balance between information and impact.

I explored different layouts, card proportions, data visualisations and levels of density to understand how much information could be surfaced without overwhelming the page.

BENTO · experience

Turning a complex planning workflow into a useful project signal

The Experience Bento connects a project's communication plans, budgets and media mix, giving users a quick understanding of what has been planned without needing to open the full planning workflow.

Rather than reproducing the planning experience on the homepage, I focused on surfacing the most useful project-level signal and providing a clear path into the detail when users need it.

BENTO · GROWTH

Making project performance easier to understand

Growth data can be difficult to interpret as individual metrics. The Bento surfaces trends, targets and potential opportunities together, helping users understand how performance is changing and decide where deeper analysis is needed.

BENTO · AUDIENCES

Turning audience data into a useful project signal

Rather than exposing detailed audience research upfront, the Bento surfaces the most relevant segments and their key characteristics at the project level. Users can quickly understand who the project is reaching before exploring individual audiences in more detail.

SYSTEM OUTCOME

Turning fragmented project data into a shared starting point

The Bento system established a flexible way to bring information from across Connect into the Projects experience, helping internal teams and clients understand what was happening without having to navigate into every underlying workflow.

WHAT THE WORK ESTABLISHED

Modular

Different information types can coexist within one consistent system.

Scannable

Important project signals can be understood without navigating into deeper experiences.

Flexible

Bentos can adapt across projects, content and screen sizes.

WHAT THE WORK ESTABLISHED

Modular

Different information types can coexist within one consistent system.

Scannable

Important project signals can be understood without navigating into deeper experiences.

Flexible

Bentos can adapt across projects, content and screen sizes.

Available for Senior Product Design roles

© 2026 George Hadfield · Senior Product Designer · Available for new opportunities

Available for Senior Product Design roles

© 2026 George Hadfield · Senior Product Designer · Available for new opportunities

Available for Senior Product Design roles

© 2026 George Hadfield · Senior Product Designer · Available for new opportunities