ifit

Branding | App Design | UX UI

iFit is a conceptual exercise app designed in response to the lifestyle shifts during the COVID-19 pandemic. As traditional gyms and studios became less accessible, iFit aimed to reimagine at home fitness through immersive VR compatible workouts that motivate users by transporting them beyond their living rooms. This project was created entirely from scratch, from branding and research to interaction design and UI development.

PROBLEM:

With limited access to physical gyms and declining motivation for home workouts, people needed a new kind of fitness experience, one that felt dynamic, engaging, and mentally transporting. The challenge was to design an app that didn’t just deliver workouts, but made exercising at home feel exciting and immersive.

SOLUTION:

iFit leverages virtual reality to transform standard workout sessions into vivid experiences. The app features a curated library of workouts set in breathtaking virtual locations, from beachside yoga to mountain trail running. Users can also join live training sessions with top tier instructors, offering both structure and social motivation in a safe, at home environment.

Identity

TRADEMARK

As part of the visual design process, I explored iconography and symbolism that would reflect iFit’s immersive, movement-driven experience. The final logo features a circular arrow wrapped around custom typography, representing the 360 degree scope of VR while suggesting motion and continuity. The palette combines energetic, health conscious hues with clean, modern typography to align with both fitness and tech aesthetics.

Research

COMPETITOR ANALYSIS AND LO-FI

I conducted a comprehensive review of fitness trends, VR usability, and motivation psychology. This included competitor analysis of popular fitness and meditation apps, along with branding studies in the health and wellness space.

To validate design ideas, I created low-fidelity wireframes and tested them with users through scenario based walkthroughs and informal usability sessions. Insights from this process shaped decisions around interaction flow, accessibility, and content organization.

TOOLS I USED

• Figma - for wireframes, UI design, and user interface prototyping
• ProtoPie - for simulating interactive VR workout experiences
• Photoshop - for visual assets and mockup creation
• Useberry - for testing flows and validating user engagement

DESIGN & PROTOTYPING

Starting from a blank slate, I developed the full UI in Figma, defining color, layout, and visual hierarchy from the ground up. I crafted components and interface elements tailored for VR interaction, prioritizing clarity and ease of use. Interactive prototypes were built using, enabling immersive demonstrations of the user flow for testing and feedback.

View PDF document >>


Final Design

After donning the VR headset, users can select an instructor, choose from a variety of their workouts, and pick a virtual background to enhance their workout experience.

This is how the picture looks on the phone before it’s placed into the headset.

Make your own schedule

Users can easily make their day to day schedule, what exercises they want to work on, and at what time.

Choose the exercise

Users can connect their phone to VR and choose any type of exercise from the list. There is even an option to work out live on a certain days and times with some of the best instructors.

Choose a background

People can choose any type of background they want to work out, whether it's somewhere in nature, on a beach, mountain, or even inside of a studio. However, this option is not available for live exercises.

Link to mobile prototype - COMING SOON!