Ravetree is a powerhouse project management platform, a sophisticated alternative to tools like ClickUp and Asana. They have a sleek, smart product and a website to match. But there was one problem: their blog, a crucial engine for SEO and lead generation, was living in a different zip code.
Stuck on a WordPress subdomain (blog.ravetree.com), the blog was an SEO island, unable to share its authority with the main domain. It was like having a star player who was forced to practice in a different stadium. Ravetree came to us with a clear mission: bring the blog home to the main website (ravetree.com/blog), give it a modern facelift, and do it all without breaking over 78 articles in the process.
On the surface, this looked like a straightforward project. A little redesign, a little migration. But as any developer knows, the simplest-looking jobs often hide the most gremlins.
1. The Ghost in the Machine. The original website was more than a template; it was a digital time capsule. Coded entirely in rigid, absolute pixels, it was a monument to a bygone era of web design. This presented a huge challenge: our mission was to integrate a new blog built with a modern, fluid design that adapts perfectly to any device.
It was like trying to fit a modern jet engine onto a steam locomotive. Every new, flexible component we built had to be surgically attached to the old, unyielding structure without causing the entire thing to collapse. Our QA was a delicate balancing act between two different generations of technology.
2. The Great Redirect Riddle. This was the main event. Redirecting 78+ URLs from a subdomain should be a 15-minute copy-paste job. Simple, right? Wrong. We quickly discovered a turf war between their domain host, GoDaddy, and our platform of choice, Webflow. GoDaddy’s settings had a particularly fun feature: it would lock you out after a few failed attempts. We were wrestling with a system that was actively fighting back.
3. A Design Refresh, Not a Revolution. The client’s directive was clear: build a brand new room that felt like it had been part of the house all along. The creative challenge was to deliver a fresh, modern UX while staying within strict brand guidelines. The twist? We had no blueprints.
We were handed a couple of color codes and a font name, but no Figma file or design system to work from. To match the existing website’s DNA, our design team had to become a CSI team for pixels, using special plugins to extract every style, spacing rule, and component from the live website. On top of that, we navigated a few mid-project creative detours where approved wireframes were revisited for enhancements. It was less like interior design and more like architectural forensics with a surprise renovation halfway through.
We approached the Ravetree project as a delicate surgical procedure, one that required meticulous precision, patience, and a robust plan for the unexpected.
1. Building the Blueprints, Then Transforming the Blog.
Our first move was equal parts market reconnaissance and digital archaeology. Before touching a single line of code, we scouted the UX patterns of top competitors to establish a strategic foundation, translating that intel into rock-solid wireframes.
Then, archaeology began. Our design team meticulously excavated the existing website’s styles and built a complete UI Kit from scratch, Ravetree’s new design constitution, with official laws for every font, color, and spacing decision. This gave us the stable foundation we needed to build upon.
With the blueprints finally in hand, we undertook a complete reconstruction of the blog within the Webflow CMS. Our team crafted an intuitive UI that was a perfect genetic match to the core brand identity, then supercharged it with smart UX improvements and hand-picked iconography that felt native to the brand:
2. The Live Redirect Rescue Mission.
After being repeatedly locked out by GoDaddy, we realized we couldn’t win this fight alone. So we turned a technical nightmare into a collaborative masterstroke. We scheduled a live, screen-sharing call with the client, acting as their hands and guiding them through GoDaddy’s labyrinthine settings in real-time. What took days of frustrating trial-and-error was solved in one hyper-focused session. It was the definition of teamwork.
3. Modernizing the Engine Under the Hood.
Our work went far beyond the visible design. We performed a full technical tune-up to turn the blog into a high-performance asset for both users and the Ravetree team.
We transformed a siloed content library into an integrated, high-performance marketing asset.
An SEO Powerhouse. By moving the blog to the main domain, all of its content now directly contributes to Ravetree’s overall domain authority. The SEO family is finally reunited under one roof.
A Lasting Design System. Ravetree received a complete, reusable UI Kit and a component library. This is a long-term asset that empowers their team to maintain perfect brand consistency across any new pages they build, saving countless hours in future design and development work.
A Modern, Conversion-Driven Experience. The new blog successfully balances a striking new look with its power as a strategic tool. With a cleaner layout and smarter CTAs, it’s designed to capture leads and guide users toward the Ravetree platform.
A Flawless Transition. Despite the behind-the-scenes drama, not a single one of the 78+ articles was lost or broken. For the end-user and the Google bots, the migration was completely seamless.
A Content Engine. With the new, intuitive Webflow CMS (complete with our custom-built prompts and guides) publishing content is no longer a technical task. It’s a simple marketing activity. The founder and his team now have full control to add, edit, and manage their most important lead-generation asset quickly and independently.
"I liked the designs they showcased on their site and their ability to communicate clearly.
Foursets designed and developed our new blog, and we’re very happy with their design and development work. What I found most impressive was their ability to communicate clearly throughout the engagement. The project management was seamless, and the team was great at keeping us updated on their progress. Their designs and clear communication were hallmarks of their performance."
Answer 7 simple questions about your marketing goals and get your free website proposal to skyrocket your growth.
We led a complete digital renovation: architecting 18 unique page layouts, creating a custom 3D visual language, and migrating 450+ pieces of content to a scalable Webflow platform built for growth.
