Role:

Solo Senior Product Designer

Scope:

Problem framing → Interaction design → Rule system.

Timeline:

6 months

Context:

Suez x Board

How a homepage redesign became a coordination system for finance teams, and a reusable foundation for the work that followed. 

How a homepage redesign became a coordination system for finance teams, and a reusable foundation for the work that followed. 

Annual budget coordinated

€1.2B

€1.2B

€1.2B

24 regions · 186 agencies · one dependency chain

01

01

01

The diagnosis

The brief described a UI problem.
The work exposed a coordination problem.

The brief described a UI problem.
The work exposed a coordination problem.

The brief described a UI problem.
The work exposed a coordination problem.

Every calculation existed. Every approval existed. Every workflow existed.

And yet the finance teams responsible for keeping the cycle moving still coordinated it through email. One task stalled upstream held twenty-four regional leads downstream. The only mechanism for detecting that stall was somebody asking.

The data was all there.
What was missing was any way to act on it.

A menu, not a coordination tool.

A menu, not a coordination tool.

A menu, not a coordination tool.

Evidence 01 / Existing experience

Evidence 01 / Existing experience

Everything was available. Nothing was prioritised.

FIRST ATTEMPT

My first answer was the one they asked for.

My first answer was the one they asked for.

My first answer was the one they asked for.

FIRST APPROACH

The brief said make it more visual, show the workflow. So I did. I mapped the whole budget process into a single visual flow — every phase, every step, in sequence. It was clearer than what they had.

When I walked the flow through with the people responsible for the process, the same gap kept surfacing. It showed where the stops were, but not where each user was. They could trace the process end to end and still struggled to answer the questions that mattered in the moment: where am I right now, and what is waiting on me?

The problem was never that the process was hard to see. It was that a user’s own state inside it was invisible. That reframed everything.

The reframe

This was not a UI problem.
It was a workflow architecture problem.

This was not a UI problem.
It was a workflow architecture problem.

This was not a UI problem.
It was a workflow architecture problem.

Brief

Improve consistency and navigation.

Insight

UI inconsistency was a symptom.

Challenge

Make workflow state visible.

Four questions the system never answered.

Four questions the system never answered.

Four questions the system never answered.

Users held the operating model in memory. Mapping made the gap concrete.

01

01

Progress

Where am I, and what is complete?

02

02

Ownership

Who approves this? Who owns next?

03

03

Dependencies

What is blocking me?

04

04

Next steps

What should I do now?

02

02

02

The system

Rules first. Screens second.

Rules first. Screens second.

Rules first. Screens second.

01

Visibility before navigation.

02

Context must survive execution.

03

Dependencies are product.

04

Workflow state is never optional.

05

Actionable before informational.

06

Roles coordinate. Interfaces should too.

The coordination layer that was missing.

The coordination layer that was missing.

The coordination layer that was missing.

Primary craft evidence

redesigned workflow

What shaped the new workflow experience

01

01

Persistent workflow status

A coordination layer you can dismiss is one nobody sees. It stays at the top of every screen.

02

02

Priorities ordered by consequence, not date

Urgency in a dependency chain is not proximity in a calendar. We ranked by downstream consequence.

03

03

Dependencies as a first-class column

Showing what work unlocks turns ownership from an item to tick into a position in a chain.

What I considered and didn’t build

The senior decision is often the thing you choose not to ship.

The senior decision is often the thing you choose not to ship.

The senior decision is often the thing you choose not to ship.

Rejected

Status inside existing screens

Faster and cheaper, but it distributed state across screens instead of showing the whole cycle.

Rejected

A breadcrumb instead of dependencies

It answered where am I, but not what am I blocking — the question that changed behaviour.

Rejected

A configurable dashboard

Requested by stakeholders, but configurability would make workflow state optional. I traded flexibility for a guarantee.

Roles tested

They read the state off the screen — without prompting.

They read the state off the screen — without prompting.

They read the state off the screen — without prompting.

National Finance Leads, Regional Controllers and Finance PMO could identify stage, blockers, next steps and complete a task without losing workflow context.

3 roles

3 roles

3 roles

03

03

03

From product to system

The most durable output wasn’t a screen.

The most durable output wasn’t a screen.

The most durable output wasn’t a screen.

24

24

24

Design rules

55+

55+

55+

Platform limits

06

06

06

Reusable patterns

The rule library connected workflow principles, screen behaviour and acceptance criteria. Once structured, it could become context for AI-assisted design: future projects start from proven patterns instead of a blank page.

Validation

Tested in the context of the real workflow.

Tested in the context of the real workflow.

Tested in the context of the real workflow.

Role-based walkthroughs

Three role-based walkthroughs used real responsibilities and scenarios from the budgeting cycle. Observing where participants hesitated helped refine the labels, information hierarchy and decision rules before adoption.

A platform ceiling.

55+ known front-end limitations shaped what was buildable. Documenting them stopped the team rediscovering the same constraints.

What this was actually about

Adopted by SUEZ for the FY2026 budgeting cycle

People don’t coordinate work through screens.

They coordinate through shared understanding.

The product’s job is to make that understanding visible.

People don’t coordinate work through screens.

They coordinate through shared understanding.

The product’s job is to make that understanding visible.

People don’t coordinate work through screens.

They coordinate through shared understanding.

The product’s job is to make that understanding visible.

Create a free website with Framer, the website builder loved by startups, designers and agencies.