340 pages moved to Webflow and redesigned in under a month.
Carbon Lighthouse needed a new site and a new platform at the same time, with launch less than a month away. We planned the structure, redesigned every component, rewrote the copy and moved more than 340 pages from WordPress to Webflow.
- Client
- Carbon Lighthouse
- Sector
- Energy efficiency and decarbonisation
- What we did
- Web design, Webflow development, WordPress to Webflow migration, Copywriting, Branding, Custom API and filters
- Built to drive
- More building owners.
- Live site
- carbonlighthouse.com
The problem
A large WordPress site, a redesign and a hard deadline.
The marketing site had grown past 340 pages on WordPress. The team wanted to run it themselves in Webflow's CMS and Editor, and they wanted a new design and voice in the same release. All of it had to ship in less than a month.
- More than 340 pages to move without losing their structure.
- A full redesign and new copy running alongside the migration.
- Less than a month from start to launch.
The solution
Migration and redesign as one piece of work.
Moving first and redesigning later would have meant building the site twice. We planned a CMS structure that fit the new design, then moved content straight into it. Every migrated page landed already redesigned.
Our intervention
What we took on.
Structure, design, copy and development all ran inside the launch window.
- 01
Scalable CMS structure
A site architecture built on Webflow CMS collections, so more than 340 pages stay manageable in the Editor.
- 02
Redesign down to the components
A new design for every template and component, with custom UI elements and Lottie animations.
- 03
Copy and brand
New copywriting and brand work that explains profitable carbon reduction in the terms building owners use.
- 04
Faceted filters and custom API
A faceted filter system for browsing content, plus a custom API implementation for what Webflow could not do natively.
The Stega fix
Plan the structure first, then move fast.
With a month on the clock, speed came from the decisions made in the first days. Everything after that followed the structure.
Structure before pixels
We mapped content into CMS collections before designing pages, so a handful of templates covered hundreds of pages.
Move content once
Content went straight into the new design, which saved a second migration after launch.
Filters that scale
The faceted filter system lets visitors narrow a large content library, and it keeps working as the library grows.
Stega initiatives
What we recommend after a move this size.
A 340-page CMS needs care once it is live. These are the follow-ups we recommend for a site like this.
Redirect and index checks
We recommend checking every old WordPress URL against its new Webflow page in Search Console and closing gaps fast.
Content rules
Clear rules for who adds, updates and archives CMS items keep a site this large from drifting.
Lead tracking
Tracking from content pages to contact requests shows which topics bring in building owners.
Toolstack
The tools behind it.
- WebflowThe new site, its CMS collections and the Editor the team works in.
- WordPressThe original 340-page site we migrated from.
- FigmaThe redesign, from page templates down to single components.
- LottieLightweight animations that add motion to the new design.
- JavaScriptThe faceted filter system and the custom API implementation.
- Google Search ConsoleIndex checks on migrated URLs after launch.