Shift Collab - Webflow performance optimization

Shift Collab offers accessible, top-tier online therapy across Canada, providing personalized support for individuals navigating life's challenges. This project focused on enhancing their existing Webflow website to better serve their clients by improving the interface, optimizing performance, and refining the underlying technical structure. Key tasks involved detailed work within the Webflow CMS, implementing UI improvements, and tackling global page loading speed optimization.

The primary challenge was the site's performance, particularly on mobile devices, where the main page scored a low 25 on Google Lighthouse. This indicated significant room for improvement in user experience and potentially impacted search rankings. Additionally, several SEO problems needed correction, and the site lacked a consistent semantic HTML structure, which affects both SEO and accessibility.

Through meticulous optimization efforts focusing on asset loading, code efficiency, and rendering, I significantly boosted the main page's mobile Lighthouse score from 25 to 60 points. I addressed various SEO issues across the site and implemented proper semantic HTML elements like Header, Main, Section, and Footer globally. I utilized custom code (HTML, CSS, JS) alongside Webflow native capabilities. A key example involved integrating a complex, multi-stage Convert Calculator form on the /start page shiftcollab.com/start. Ensuring this third-party integration was seamlessly styled and fully mobile-responsive required careful implementation and writing over 300 lines of custom CSS code, showcasing the detailed front-end effort needed to deliver a polished user experience across all devices.