Menu
SportFit is a local gym brand aiming to establish a strong online presence to attract new members and showcase its state-of-the-art facilities. The objective was to create an engaging, easy-to-navigate, and motivating digital platform that aligns with the energetic and bold personality of a fitness brand.
The client didn’t have an existing website and was facing difficulties in:
SportFit- High Performance Center
Figma
UX designer designing a chat support desktop screen for a web app from conception to delivery.
December 2024 to January 2025
Problem statement: Rahul, an experienced fitness coach, lacks a dedicated digital platform to showcase his expertise, client results, and connect with potential clients outside gym hours, limiting his professional growth and online reach.
Problem statement: Sarath, a 25-year-old software developer from Trivandrum, wants to start his fitness journey but feels overwhelmed. Most gym websites are cluttered and lack clear info for beginners. He just wants a simple, welcoming way to understand sessions, trainers, and how to get started.
Initial sketches were created to explore layout ideas and user flow quickly. These low-fidelity wireframes helped in visualizing the structure, organizing content, and making fast decisions before moving to digital design.
Digital wireframes were created to map out the layout and structure of the interface with clarity and precision. These wireframes focused on functionality and user flow, serving as a blueprint before adding visual design elements.
The low-fidelity prototype focused on demonstrating the basic structure and core functionality of the design. It allowed for quick testing of user flow and interactions without detailed visuals, helping identify major usability issues early.
Engaging Homepage Banner
Trainer Profiles
Testimonials Section
Contact & Location Integration
Methodology
Tested with three participants who matched the target audience of fitness enthusiasts and regular gym-goers.
Tasks included exploring workout session schedules, checking trainer profiles, and booking a trial session.
Feedback
The high-fidelity prototype provided an interactive and visually detailed experience, closely resembling the final product. It was used to validate design decisions, gather user feedback on visual and interactive elements, and prepare for development handoff.
Mockups showcase the polished visual design, combining layout, branding, and UI elements to present a realistic view of the final product. They were used to communicate the design vision and ensure visual consistency across all screens.
Used clear and familiar icons to simplify navigation and enhance usability across all devices.
The website features a straightforward navigation structure with all interactive elements.
Design should not only look energetic but also be inclusive and user-friendly for all fitness levels and user types. Small changes in accessibility and layout clarity significantly improve user engagement.
The project involved structuring clear, goal-focused layouts while maintaining a strong visual appeal. Design iterations highlighted how layout adjustments and CTA placements can improve user flow and interaction.
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
Conduct more user research to determine any new areas of need.
