// A pavement preservation products leader
One family, one system.
A design bridge aligning a sub-brand site with the parent platform's future.
A sub-brand's new website was mid-build while its parent company's design system was still being invented.
Design Systems, UX, Web Development.
Design Systems, UX, Web Development.
// 01 The problem
The problem.
Launch as designed and the site would feel orphaned from the family it was about to join; redesign later and the client pays twice. The answer was a bridge, not a rebuild.
// 02 The approach
The approach.
Align the foundations now, soften the visuals before launch, polish after the parent platform ships.
// 03 Delivery
What was implemented.
- A visual delta map: every place the sub-brand could align with the future system, and every place its own identity should hold.
- Shared design tokens - typography, spacing, component rules - mapped directly into the WordPress build with the development team.
- A three-phase bridge plan: core alignment in the current build, tone softening pre-launch, optional polish post-launch.
// 04 Working detail
Inside the build.
:root { --font-display: "Family Sans", sans-serif; --space-grid: 8px; --radius-component: 4px;}/* one token set, two brands - cohesion without sameness */// 05 Results
Results.
The launch proceeded without a second full-site redesign.
A shared foundation of 12 design tokens aligned the two builds.
One delta map became the reference for design and development reviews.
// The full picture
The names come out on a call.
Every engagement above has a full case study behind it - the client, the constraints, the numbers. We share those live, under NDA.