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.
