← All posts
BlogJulian Tedstone

Your Website Rebuilt in Days, Not Months — Pop-up Design Systems

The Replatforming Trap

Traditional website migrations have long been organisational nightmares. The conventional approach treats each site as a unique construction project requiring hand-built pages and extensively debated components. By launch time, business needs have shifted, making the entire effort feel outdated before it goes live. From a UX perspective, the problem is worse: months of design decisions made in isolation from real user feedback, frozen in amber at launch.

What Pop-up Design Systems Actually Do

This methodology begins by analysing your existing site. The process extracts visual elements into design tokens — colours, typography, spacing and grid structure. A headless component library is generated that remains platform-agnostic, working across Drupal, Umbraco, Wagtail or API-based backends. The result is a brand-consistent, accessible, performant front end that your editors can populate immediately.

For designers, the key insight is that the design system is not designed from scratch — it is extracted from what already works. This preserves the UX decisions already embedded in the current site while enforcing consistency that may have drifted over time. The design system becomes a governance mechanism: every new page inherits the right spacing, typography hierarchy and interaction patterns automatically.

Enterprise and Public Sector Applications

Organisations managing multiple brands or service sites benefit dramatically. Rather than rebuilding each site separately, one design system deploys across all channels. This is how organisations like Bayer have consolidated 23 consumer health brands and how National Grid merged four legacy systems into a single governed platform — maintaining distinct brand identities while enforcing shared UX standards, accessibility compliance and performance baselines.

The Five-Day Pattern

The repeatable pipeline follows this sequence: Day one involves scanning and extracting tokens. Day two generates and validates components against the design system specification. Day three connects the headless front end to content APIs. Day four handles population and testing. Day five launches the site.

The efficiency comes from eliminating traditional project bottlenecks — not from compromising quality. Design governance is built into the system rather than bolted on through review processes.