Thermaze

Project Overview

A UK-based company specializing in underfloor heating partnered with us through our design partner, One Tap, who had redesigned their website. The client needed help to develop the site from the design and integrate a Content Management System (CMS) for dynamic content management. Their goal was to ensure the website was not only functional but also scalable to accommodate future growth and content updates without relying on external developers.

The Challenge

The client faced three primary challenges:

• No internal engineering team to manage the development and integration of a dynamic CMS.
• The website design was unique, requiring custom development to ensure flexibility and scalability.
• A need to meet tight deadlines for launch without compromising functionality or quality.

Off-the-shelf CMS solutions were ruled out due to the client’s specific design requirements and the need for scalability. The design had to be implemented exactly as specified, with no deviations or rework. Additionally, we needed to ensure that content could be easily managed and updated through the CMS without relying on developers.

During the development process, we were tasked with adding 4 additional pages midway through the project. This change required us to adjust our initial timeline and development process, ensuring all pages were integrated smoothly and on time.

Our Approach

We approached this project with a focus on modularity, clean architecture, and scalability to ensure long-term maintainability.

Frontend

• We built the frontend using Next.js and Tailwind CSS, translating the Figma designs into a responsive, pixel-accurate UI. The frontend components were structured for reusability and easy future extensions, ensuring scalability.

Backend

• We integrated Payload CMS to handle dynamic content management, allowing the client to update content independently. The backend was designed to accommodate the unique structure of the website while ensuring scalability as the client’s content grows.

Deployment

• The website was deployed on Vercel, utilizing automated CI/CD pipelines to streamline the deployment process. The deployment ensured fast and reliable performance without requiring DevOps overhead from the client.

Handoff

• We provided full technical documentation, including API descriptions and guidelines for managing the CMS. A recorded code walkthrough was delivered to ensure that the client’s team could manage the website without needing further support.

Change Management

• During development, the client requested the addition of 4 new pages, which required adjustments to the original development plan. By maintaining a flexible and modular codebase, we were able to integrate these pages efficiently without impacting the overall project timeline or system integrity.

The Solution

• Pixel-accurate design implementation using Next.js and Tailwind CSS.
• Payload CMS integration for dynamic content management.
• Deployed on Vercel with automated CI/CD pipelines.
• Scalable architecture designed to support future feature additions without major overhauls.
• Integrated Google Tag Manager for analytics tracking.
• Provided technical documentation to ensure self-sufficiency in content management and updates.

Business and Technical Outcomes

• No critical issues reported in the first 30 days post-launch.
• 98% cross-device compatibility verified across 20+ screen sizes, ensuring the platform’s accessibility across various devices.
• Vendor independence with 100% code ownership, ensuring flexibility for future scaling and feature additions without reliance on external developers.
• Rapid iteration capability through pre-configured CI/CD pipelines, enabling quick updates with minimal downtime.
• No vendor lock-in risks, empowering the client to manage and scale the platform independently.
• Significant time savings for the owner’s staff: the CMS integration reduced the time and effort required for updates, enabling independent and efficient content management without developer intervention.

The Impact

The project was completed on schedule, allowing the client to launch the site as planned. The website’s modular design gave the client the flexibility to scale and add new features without additional development costs.

The client’s team now manages content independently, significantly reducing reliance on external developers. With the site’s flexible and scalable architecture, the client is poised for long-term success, with the ability to iterate quickly and make content changes with ease.

The resolution of the additional page requirements was handled efficiently, ensuring minimal disruption to the development timeline and the overall system integrity. The platform’s performance, cross-device compatibility, and ease of content management have positioned the client to manage their website effectively, saving time and reducing future development costs.