This project was focused on designing and building a modern website for a fitness gym, with a strong emphasis on energy, clarity, and a strong motivational visual identity. The goal was to create a digital experience that feels active and engaging, while still being easy to navigate and informative for both new and existing members.I started in Figma by exploring a few different visual directions and defining the overall style of the brand. From the beginning, the focus was on creating a bold and dynamic look — using strong typography, high-contrast colors, and impactful imagery that reflects strength, movement, and discipline.
Instead of overcrowding the interface, I aimed for a clean structure that keeps users focused on key actions like exploring classes, memberships, and facilities.The initial phase included wireframing the main pages and planning the user flow. I structured the website based on how users typically interact with gym services — starting with a powerful first impression, followed by sections like training programs, coaches, membership plans, and testimonials, and ending with clear calls to action such as signing up or booking a trial session. Every section was designed with a clear purpose to guide the user naturally through the experience.
Once the structure was defined, I moved into high-fidelity design in Figma. I developed a consistent design system with reusable components such as navigation bars, pricing cards, class schedules, and buttons. Typography and spacing were especially important in creating a sense of structure and energy, while maintaining readability and visual balance across all pages.A major part of the project was setting up a flexible CMS structure in Webflow to make the website easy to update and scale over time. I created multiple CMS collections to manage different types of content, including:
training programs
class schedules
coaches and trainers
membership plans
Each collection was carefully structured with relevant fields so content could be updated without affecting the layout. For example, trainer profiles include details like experience, specialization, photos, and social links, all dynamically connected to the design.I also ensured that the entire system remains visually consistent regardless of content variations. This meant designing layouts that could adapt to different class descriptions, schedules, and images without breaking the structure or visual hierarchy.Finally, I connected CMS content across multiple sections of the site, allowing elements like featured classes, trainer highlights, and membership options to update automatically. This creates a scalable and efficient system that keeps the website dynamic, easy to maintain, and fully aligned with the brand’s energetic identity.