Project Briefing: Fitness App UI/UX Design
Project Overview
This project was completed as part of the GRA462 – Interactive Design I course in the Graphic Design program at Seneca College. In a collaborative team of four designers, we were challenged to develop a comprehensive UI/UX concept for a mobile application. The brief included conducting user research, defining target audiences, planning user flows, designing wireframes, and producing a high-fidelity prototype using Adobe XD.
This project was completed as part of the GRA462 – Interactive Design I course in the Graphic Design program at Seneca College. In a collaborative team of four designers, we were challenged to develop a comprehensive UI/UX concept for a mobile application. The brief included conducting user research, defining target audiences, planning user flows, designing wireframes, and producing a high-fidelity prototype using Adobe XD.
Project Objective
The goal was to create a versatile fitness app that caters to both beginner and casual users while also delivering advanced functionality for fitness enthusiasts and experienced users. The app was designed to guide users through workouts, track progress, and offer personalized features to enhance their fitness journey.
The goal was to create a versatile fitness app that caters to both beginner and casual users while also delivering advanced functionality for fitness enthusiasts and experienced users. The app was designed to guide users through workouts, track progress, and offer personalized features to enhance their fitness journey.
Design Process
Research & Persona Development
Our group began by conducting surveys and user interviews to understand the needs, habits, and pain points of potential users. We developed detailed personas that reflected a range of users—from those just starting their fitness journey to athletes and seasoned gym-goers.
Our group began by conducting surveys and user interviews to understand the needs, habits, and pain points of potential users. We developed detailed personas that reflected a range of users—from those just starting their fitness journey to athletes and seasoned gym-goers.
Information Architecture & Wireframing
Using insights from our research, we mapped out a user-centered clickstream and designed low-fidelity wireframes to structure the app's navigation and key functions. This allowed us to focus on clarity, accessibility, and seamless user flow across core features.
Using insights from our research, we mapped out a user-centered clickstream and designed low-fidelity wireframes to structure the app's navigation and key functions. This allowed us to focus on clarity, accessibility, and seamless user flow across core features.
Visual Design & Branding
A clean, modern aesthetic was established to appeal to a broad demographic. We selected a bold color palette and intuitive iconography to keep the interface engaging without overwhelming users. Typography and visual hierarchy were used strategically to guide attention and encourage interaction.
A clean, modern aesthetic was established to appeal to a broad demographic. We selected a bold color palette and intuitive iconography to keep the interface engaging without overwhelming users. Typography and visual hierarchy were used strategically to guide attention and encourage interaction.
Prototyping in Adobe XD
Our team developed an interactive, functional prototype in Adobe XD, showcasing the full app experience—from onboarding and workout selection to progress tracking and personalized recommendations. The prototype was designed to be responsive and user-friendly, with accessibility and performance in mind.
Our team developed an interactive, functional prototype in Adobe XD, showcasing the full app experience—from onboarding and workout selection to progress tracking and personalized recommendations. The prototype was designed to be responsive and user-friendly, with accessibility and performance in mind.
Key Features
Personalized fitness plans for all experience levels
Guided video workouts and real-time tracking
Social features and community support integration
Goal setting and progress analytics
Gamified challenges and rewards
Conclusion
This project demonstrated our ability to blend strategic UX research with creative visual design in a collaborative environment. The resulting prototype offers a scalable, user-centric fitness solution that balances simplicity for beginners with the depth and control expected by advanced users. It stands as a strong example of effective teamwork, user empathy, and functional UI/UX execution.
This project demonstrated our ability to blend strategic UX research with creative visual design in a collaborative environment. The resulting prototype offers a scalable, user-centric fitness solution that balances simplicity for beginners with the depth and control expected by advanced users. It stands as a strong example of effective teamwork, user empathy, and functional UI/UX execution.