The CSG Creative team play a vital role at Sky. Not only do they act as an in-house agency, running events and producing video for thousands of front-line staff, they also build the training content and micro-sites that keep the entire organisation aligned, supporting everyone from customer service advisors to in-home engineers.
Their developers were already confident working inside Webflow, but their legacy process was slowing them down.
Every new build meant recreating the same foundations: layouts, spacing, components, page structures. And while Sky had a strong design system in Figma and React, none of it translated neatly into Webflow.
They were looking for a way to move faster, without sacrificing quality or consistency.
The challenge
As Sky’s internal teams grew, so did the volume of digital content they needed to maintain.
But their developers had hit a crossroads: Webflow gave them creative freedom, yet the absence of a Webflow-native system meant every project required extra effort. Brand alignment relied on memory rather than structure, and hand-rolled components became difficult to manage over time.
Our task was to close the gap - to build something that blended Sky’s design standards with the speed and flexibility of Webflow: something that their developers could take, adapt and own.
The sprint
In a focused sprint, we worked directly with Sky's CSG Creative team to build a design system from the ground up for Webflow.
“The project was pretty sharp. In just six weeks, we essentially built Sky a Webflow toolkit they could use, basing it on what they already had for their React marketing website.”
Liam Mews, Webflow Project Lead at MakeBuild
Rather than pre-built sections, we focused on atomic components - the buttons, headings, media modules and structural pieces that form the basis of every page. These components were rebuilt to match their Figma system exactly, giving Sky a familiar, on-brand starting point for every project.
This was developer-first work. We spoke their language, tested ideas together, and built in a way that mirrored how the team would use the system day to day. Our focus was on building something flexible, usable, and future-proof.
The rollout
Throughout the build, we held regular working sessions, refining components as we went. By staying close to how the team actually designs and develops, the toolkit grew organically, grounded in real use cases rather than theoretical patterns.
Once the build wrapped, we spent two weeks testing, documenting and handing everything over. We produced walkthrough videos and onboarding materials so the toolkit could scale with their team and support future hires too.
The impact
Sky now has a Webflow component library that moves at the pace of their internal teams. Developers can assemble new micro-sites quickly, without sacrificing brand quality or rebuilding foundations. Every piece is aligned to Sky’s design system, but flexible enough to support bespoke internal experiences.
"Working with MakeBuild has been a 10 out of 10 experience,” says Georgie Smith, Creative Manager at Sky CSG Creative. “They quickly understood our team's vibe and made the project exciting, even when it wasn't the most thrilling task.”
“Their ability to balance understanding Sky's needs while bringing fresh perspectives was brilliant. The team was super flexible and amenable, making the collaboration fab. I appreciated the strong representation from their team on calls, which made it feel like a true team effort. MakeBuild is great, and I highly recommend them!"
Georgie Smith, Creative Manager at Sky CSG Creative
Conclusion
This project reflects what we do best at MakeBuild: building systems through collaboration.
Sky didn’t just get a load of components - they got a way of working that makes Webflow faster, more consistent and more scalable across teams; it’s an infrastructure for everything they’ll build next.