Shift Collab - Dynamic Clinic CMS Template

Following the general site optimization, Shift Collab required a versatile and scalable solution for their specialized service pages. The goal was to create a single, powerful Webflow CMS template that could be used for all future clinic pages, starting with their ADHD service. The key requirement was that each clinic page needed its own unique visual identity while maintaining overall brand consistency.

The core technical achievement of this project was creating a dynamic, CMS-driven color system. I configured the CMS collection so that the client could select three distinct colors for any new clinic they added. These colors are then automatically applied as the theme across the entire template page—from backgrounds and buttons to accents and headlines. This allows the Shift Collab team to launch new, uniquely branded clinic pages instantly, without requiring any new development or custom code.

To enhance functionality, I integrated several key components. I implemented a Swiper.js slider to showcase the clinic's therapists from a CMS collection, providing a smooth and responsive browsing experience. The page also features two critical form integrations: the main multi-stage ConvertCalculator form and a Hubspot contact form. Both required extensive custom CSS to be styled correctly, ensuring their appearance would adapt to the dynamic color theme of the page and remain fully responsive. Finally, I used Webflow native tabs element to create the "Your ADHD Toolkit" section, neatly organizing valuable information for the user.