Community Platform Circle Achieves 60% Page Speed Improvement with custom website development
Community Platform Circle Achieves 60% Page Speed Improvement with custom website development
Circle sought to migrate and optimize their marketing website from Webflow CMS to the Builder.io platform. With a focus on enhancing website performance, scalability, and manageability, they recognized the need for a tailored approach. Leveraging Multidots’ custom website development expertise, Circle opted to host the website on the Pressidium server, with deployment managed via DeployHQ. By integrating our expertise with the capabilities of the Builder.io platform and the Next.js framework, we ensured a seamless and efficient transition, significantly improving the overall user experience.
About Circle
Circle.so is an all-in-one community platform that allows creators, brands, and businesses to build and manage online communities with tools for discussions, content sharing, courses, and events.
Circle.so serves a wide range of users, from entrepreneurs and educators to large organizations. They offer a branded environment where users can foster community engagement and generate revenue through centralized content and interactions.
With an estimated revenue of over $10M and a team of around 100 employees, Circle.so is a growing force in the community platform space.
Goal
- Migrate all existing page content from the Webflow platform to Builder.io while maintaining consistency and functionality across the new platform.
- Develop and integrate additional features as suggested by the client and their marketing team, tailored to meet specific needs through custom development.
- Optimize performance by managing and addressing the impact of numerous third-party extensions used on the previous website, ensuring optimal load times on the new platform.
- Create custom components within Builder.io to replicate necessary functionalities from the previous website and tailor them to fit the new platform.
- Implement key features like filtering and search functionality using custom coding with the Next.js framework to enhance the user experience on the new site.
Solution
- Successfully migrated all existing content by creating new pages in Builder.io, incorporating a complete redesign to enhance the user experience.
- Developed custom data models tailored for various types of content to ensure seamless content management and display within the Builder.io platform.
- Leveraged existing Builder.io extensions for certain functionalities, streamlining the development process.
- Designed and implemented custom components using the Next.js framework to meet the client’s specific functionality requirements.
- Configured and implemented necessary settings within the OptinMonster platform for effective website traffic monitoring and analysis.
- Integrated VWO into the website for optimization and performance monitoring, ensuring a seamless user experience.
- Successfully integrated additional third-party tools for comprehensive website analytics and monitoring, supporting the website’s ongoing success and efficiency post-migration.
Results
- The migration from Webflow to Builder.io was seamless, with all content, design elements, and functionalities successfully transferred while gaining new capabilities.
- Builder.io’s headless CMS provided extensive customization, improved control, and seamless integration with Next.js, enhancing scalability and future-proofing the website.
- Rebuilding the website with Builder.io and Next.js resulted in a dynamic, responsive, and SEO-friendly platform.
- Website performance significantly improved due to efficient code, advanced caching strategies, and better server request handling, leading to faster load times and a smoother user experience.
- Performance metrics saw substantial gains, with mobile scores witnessing a 60% improvement.