TODAY Fitness | Webflow to Framer

Ditych Agency

Prototyper
Framer Developer
Framer Designer
Figma
Framer
Go High Level

Overview

We migrated a client's website from Webflow to Framer, redesigning it while adding a personal cabinet and integrating GoHighLevel for better user engagement and performance tracking.
🌍 Market: Australia.
⭐️ Industry: Commercial Gyms.
🔗 Website link: https://todayfitness.com.au/.
📅 Timescale: 1 Month.

About client

Today Fitness is a leading fitness gym located in Villawood, Sydney, Australia, dedicated to providing its members with top-quality strength, cardio, and wellness facilities. With a team of experienced trainers and state-of-the-art equipment, Today Fitness is committed to helping individuals of all fitness levels achieve their health and wellness goals.

Work Process

Analysis of the Old Website
Evaluate the current website to identify strengths and weaknesses in user experience, design, functionality, and content.
Gather analytics data to understand user behavior and identify areas for improvement (e.g., bounce rates, conversion rates, popular pages).
Conduct stakeholder interviews to understand the goals and expectations for the redesign.
Review technical performance, mobile responsiveness, and SEO factors.
Preparation of Website Structure and Page Block Layouts
Develop an updated site architecture that reflects the current needs of the business and its users, ensuring easy navigation and scalability.
Plan the content and structure of each page (e.g., homepage, service pages, blog, contact forms).
Design wireframes for key pages, focusing on user flow and functionality, including navigation, call-to-action elements, and content organization.
Ensure the design meets SEO best practices and accessibility standards.
Design and Approval
Create high-fidelity mockups for the website’s overall look and feel, including color schemes, typography, imagery, and brand consistency.
Present design concepts to stakeholders and iterate based on feedback, ensuring alignment with brand identity and user needs.
Finalize design assets, including desktop and mobile versions, ensuring responsiveness across all devices.
Get formal approval on the design before proceeding to development.
Development in Framer
Build the website in Framer, ensuring the design translates accurately into a fully functional prototype.
Implement dynamic interactions, animations, and responsive design features for an engaging user experience.
Test the website on various devices and browsers to ensure consistency and compatibility.
Continuously review the progress with stakeholders and make adjustments as needed.
Integration with GoHighLevel (Forms, Widgets)
Integrate the website with GoHighLevel to enable features like lead capture forms, automated follow-up sequences, and chat widgets.
Connect the forms to GoHighLevel CRM for seamless data collection and follow-ups.
Test the integration to ensure it works smoothly, from form submissions to automated emails or notifications.
Production and Launch
Prepare the website for launch, performing final checks on performance and functionality.
Conduct cross-browser testing, mobile responsiveness checks, and load testing to ensure optimal performance.
Set up tracking codes (e.g., Google Analytics, Facebook Pixel) to monitor post-launch performance.
Launch the website and monitor its performance closely for any issues or user feedback.
Provide post-launch support to fix any bugs, update content, or adjust features as necessary.
Partner With Ditych
View Services

More Projects by Ditych