Skip to content
Reckitt & BP hero

Enterprise Dashboard Platform

Reckitt & BP

Global Logistics Intelligence Dashboard — Track, Adjust & Project

Overview

A logistics intelligence platform for Reckitt and BP, tracking shipments across 40+ countries in real time.

Both supply chains needed shared visibility: fuel and chemical distribution, FMCG routing and cross-border compliance — now one high-density dashboard for managers, procurement and executives.

Role

Lead UX/UI Designer

Platform

Desktop Web App

Clients

Reckitt & BP Global Supply

Tools

Figma, FigJam, Maze, Lottie, Mapbox

Team

PM, 3 Engineers, UX Researcher, Data Analyst, Designer, BA

Impact

40+

Countries Tracked

£2.4B

Logistics Value Managed

28%

Reduction in Delays

6

Core Dashboard Modules

Dashboard

Carbon footprint tracking across the supply chain

Reckitt & BP dashboard — Carbon footprint overview with Tesco
Reckitt & BP dashboard — UK Healthcare Dettol filtered viewReckitt & BP dashboard — Logistics & Retail energy breakdown detail

Platform

BP Logistics — Energy Fleet Dashboard

Real-time visibility across BP's European lorry network — loads, routes, fuel & energy tracking across 312 active vehicles.

BP Logistics — Energy Fleet Dashboard overviewBP Logistics — Fuel & Energy sustainability dashboard
BP Logistics — Active Lorry Loads real-time fleet status

Mobile

Responsive across device — full visibility on the go

BP Logistics — Energy Fleet Dashboard mobile overviewBP Logistics — Analytics & Forecasting mobile view

01 — Discovery & Problem Space

Fragmented data, invisible delays, and zero predictive visibility

14 disconnected systems

SAP, Oracle TMS, 3PLs and spreadsheets — no single source of truth.

Reactive, not predictive

Disruptions surfaced after the fact, with no scenario modelling.

Executive visibility gap

Board reporting assembled by hand, always 5–7 days behind.

02 — Live Shipment Tracking

Global fleet visibility on a single interactive map

The map renders live vessel, truck and rail positions, with rings for on-time, at-risk and delayed, plus a manifest panel.

Live position data refreshed every 90 seconds via carrier APIs

Status rings: green (on time), amber (at risk), red (delayed >4hrs)

One-click shipment drill-down — full cargo manifest and checkpoint log

Route corridor overlays showing traffic density and congestion alerts

Filterable by region, carrier, commodity type, and SLA breach risk

186On Time
23At Risk
7Delayed

Live Fleet — 216 Active Shipments

03 — Projection & Demand Forecasting

Model future states before disruption becomes crisis

EMEA Demand Forecast — Q2 2026

Dettol raw materials · 3 scenario projections

Optimistic
Base
Stress
Port alertAprMayJunJulAugSepOctNovDec

Three-scenario modelling

Optimistic, Base and Stress scenarios recompute as inputs change.

Anomaly detection

Flags warn of bottlenecks 4–6 weeks before they bite.

Adjustable inputs panel

Demand, reliability and congestion modelled, then committed.

04 — Route Adjustment & Optimisation

Reroute in seconds — not hours of manual coordination

When disruption hits, Route Adjustment ranks alternatives by cost, time and carbon; planners approve once.

AI-ranked alternative routes with cost delta and ETA comparison

Carbon impact score per route — supports Reckitt's net-zero commitments

One-click approval with automated carrier notification

Full audit trail — every adjustment logged with rationale and approver

Multi-leg recalculation for shipments crossing 3+ transit points

Route A — Current (Disrupted)

DISRUPTED

Cost

£48,200

ETA Impact

+3.2 days

Carbon

142t CO₂

Route B — Via Rotterdam

RECOMMENDED

Cost

£51,400

ETA Impact

+0.5 days

Carbon

138t CO₂

Route C — Air Freight

PREMIUM

Cost

£94,000

ETA Impact

On time

Carbon

310t CO₂

Approve Route B — Notify Carrier

05 — Executive Dashboard

Board-level visibility in real time — not 5 days later

On-Time Delivery Rate

93.2%

+4.1%

Active Disruptions

7

-12 vs last wk

Forecast Accuracy

88.6%

+2.3%

Cost vs Budget

£2.1B

+1.4% over

Zero-effort reporting

KPI snapshots and heat maps from live data — no weekly Excel export.

Drill-down by region or commodity

Any board metric is one click from its detail.

Configurable alert thresholds

Personal alert limits fire when KPIs breach, e.g. OTD under 90%.

Summary

Overview

A logistics intelligence dashboard for Reckitt and BP, tracking shipments across 40+ countries.

Challenge

14+ data sources, no predictive visibility and board reporting 5–7 days late.

Solution

Six modules — live tracking, scenario forecasting, route ranking, executive KPIs — 28% faster resolution.

Key Results

28% fewer delays
£2.4B logistics value managed
2.4
8hrs/week reporting saved
8
40+ countries tracked
40

06 — User Testing

Validating with logistics managers, procurement leads, and executive stakeholders

Three groups — logistics managers, procurement leads and executives — at Reckitt and BP.

Role-based task scenarios

Reroute a shipment, model a forecast, build a board snapshot; timed across all groups.

Maze unmoderated flow testing

24 participants missed the inputs panel, so it moved inline into the chart.

Cognitive walkthrough with domain experts

Experts chose 'SLA breach' over 'at risk', and fixed data labelling.

Key Outcomes

28%

reduction in average delay resolution — from disruption flagged to carrier rerouted

8hrs

per week saved on manual executive reporting — automated from live data

Route B

adoption pattern — 91% of planners accepted the top AI-recommended route

Inputs panel

redesign from side drawer to inline reduced discovery failure from 62% to 11%

"SLA breach"

terminology adopted across all status indicators after cognitive walkthrough

Methodology

Participants across logistics, procurement, and executive tiers at Reckitt and BPRole-specific scenario packs ensured testing reflected real-world responsibilitiesMaze for unmoderated testing of high-frequency operational flowsCognitive walkthroughs by supply chain domain experts — not generalist usersSessions on-site at Reckitt Slough HQ and BP St James's Square

Design System

A high-density dark UI built for data-heavy enterprise use

Reckitt's magenta and BP's blue, unified into one dark dashboard aesthetic.

Colour Palette

Reckitt Magenta

#E0006E

Primary CTAs, Reckitt-sourced shipment indicators, alert highlights

BP Blue

#0064B4

BP-sourced data streams, navigation accents, secondary CTAs

Surface Dark

#0B0B14

Primary dashboard background across all screens

Surface 01

#14141F

Card surfaces, panel containers, sidebar backgrounds

Signal Green

#00C875

On-time status, successful route approvals, positive KPI deltas

Amber Alert

#FFB81C

At-risk shipments, approaching threshold warnings, forecast anomalies

Text Primary

#F0F0F8

Headings, metric values, KPI figures, shipment IDs

Text Secondary

#8A8AAA

Labels, table column headers, metadata, timestamps

Core Components

01

Shipment Status Ring

Green, amber or red node ring showing delivery health.

02

Forecast Chart

Three scenario bands with anomaly flags and dash patterns.

03

Route Card

Cost, ETA and carbon per option, with an approval CTA.

04

KPI Tile

Headline metric, trend delta and 30-day sparkline.

05

Adjustment Inputs Panel

Inline demand, reliability and congestion variables.

06

Alert Banner

Disruption banner with severity and Review & Adjust.

"What took hours now takes minutes — route adjustment alone has prevented major stockouts."

David Thornton

Global Supply Chain Director, Reckitt