Ghost to Webflow migration and design overhaul

Context

Speckle is a cutting-edge 3D design platform that's revolutionizing how architects collaborate. Think of it as the "GitHub for architecture" - a UK-based startup that's rapidly gaining traction. Fresh off a successful investment round, Speckle set its sights on leveling up its online presence, with their website being the prime target for a much-needed makeover.

Challenge

As a lean, mean, innovation machine, Speckle found itself in unfamiliar territory when it came to overhauling their website. They knew they wanted to harness the power of Webflow, but lacked the in-house expertise to bring their vision to life. The team faced a steep learning curve:

• No prior experience with large-scale website redesigns
• Absence of a Webflow developer to guide the migration
• First time working with an external agency

It was like trying to build a skyscraper without an architect - they had the ambition, but needed a guiding hand to turn their ideas into reality.

Our Approach

We kicked things off by diving deep into Speckle's existing Ghost CMS setup. It wasn't just about moving furniture - we were redesigning the entire house. Here's how we tackled it:

• Content Collaboration: We worked closely with Speckle to nail down the copy, ensuring their voice shone through every pixel.
• Design Deep Dive: Our design team became an extension of Speckle, with direct communication channels to capture their vision. It took some back-and-forth, but we eventually struck gold with a design that screamed "Speckle".
• Page-by-Page Perfection: We took a methodical approach, focusing on one page at a time. This allowed us to give each section the attention it deserved, rather than spreading ourselves thin.
• CMS Wizardry: The migration from Ghost to Webflow wasn't just a copy-paste job. We had to get creative, using AI to help us map and transform the content structure.
• Dark Mode Delight: We implemented a slick dark/light mode toggle, because who doesn't love options?
• Testing, Testing, 1-2-3: We put the site through its paces, ensuring every link clicked and every animation smooth.
• Handover & Support: We didn't just drop the keys and run. We provided comprehensive guides and stuck around post-launch to squash any pesky bugs that dared to show their faces.

The Outcome

The result? A website that doesn't just look pretty - it's a powerful tool in Speckle's arsenal. Here's what we achieved:

• A sleek, responsive design that showcases Speckle's innovative spirit
• Empowered marketing team with the ability to create and edit pages on the fly
• Seamless content management through Webflow's intuitive CMS
• A platform that can grow and evolve alongside Speckle

But it wasn't just about the end product. This project was a learning experience for everyone involved:

• We fine-tuned our client feedback process, ensuring clearer communication channels
• Our team leveled up in handling niche CMS migrations, adding another tool to our belt
• Speckle gained valuable experience in managing a large-scale web project and working with an agency

In the end, we didn't just build a website - we forged a partnership. Speckle emerged with a digital presence that matches their innovative product, and we walked away with new insights that will benefit future clients. It's a win-win that has us excited for what's next in the world of web design and development.