InOutFit App
InOutFit App
Type: Wellness app / Bootcamp Project
Tools: Figma, FigJam, Google Forms, Zoom
Role: UX/UI Designer
Type: Wellness app / Bootcamp Project
Tools: Figma, FigJam, Google Forms, Zoom
Role: UX/UI Designer
Role: UX/UI Designer
“Your daily exercise no matter the weather conditions"
“Your daily exercise no matter
the weather conditions"
Project Overview
Project Overview
InOutFit is a smart fitness application that helps users decide whether to work out indoors or outdoors based on real-time weather conditions, personal goals, and daily activity levels. The idea aims to reduce decision and increase workout consistency by adapting recommendations to real-life conditions.
InOutFit is a smart fitness application that helps users decide whether to work out indoors or outdoors based on real-time weather conditions, personal goals, and daily activity levels. The idea aims to reduce decision and increase workout consistency by adapting recommendations to real-life conditions.
My Role
My Role
worked as a team leader with four other group members on the project end-to-end, covering both UX and UI responsibilities.
My role focused on understanding user needs, translating insights into clear user flows, and delivering a polished, user-centered interface.
worked as a team leader with four other group members on the project end-to-end, covering both UX and UI responsibilities.
My role focused on understanding user needs, translating insights into clear user flows, and delivering a polished, user-centered interface.
UX Responsibilities
UX Responsibilities
Defining the problem and design challenge
Conducting competitive analysis
Creating user personas and identifying pain points
Designing user flows and information architecture
Validating ideas through usability testing
Defining the problem and design challenge
Conducting competitive analysis
Creating user personas and identifying pain points
Designing user flows and information architecture
Validating ideas through usability testing
UI Responsibilities
UI Responsibilities
Designing high-fidelity screens
Defining the design system
Designing reusable UI components
Ensuring consistency across screens
Designing for clarity, accessibility, and motivation
Designing high-fidelity screens
Defining the design system
Designing reusable UI components
Ensuring consistency across screens
Designing for clarity, accessibility, and motivation
Design Process
Design Process
Research: Competitive analysis and user interviews to understand workout habits and decision barriers
Define: Identifying key challenges such as decision fatigue and lack of contextual personalization
Ideate: Exploring multiple layout ideas and workout recommendation approaches
Design: Creating wireframes and high-fidelity UI screens
Test: Conducting usability testing and iterating based on feedback
Research: Competitive analysis and user interviews to understand workout habits and decision barriers
Define: Identifying key challenges such as decision fatigue and lack of contextual personalization
Ideate: Exploring multiple layout ideas and workout recommendation approaches
Design: Creating wireframes and high-fidelity UI screens
Test: Conducting usability testing and iterating based on feedback
Usability Testing & Metrics
Usability Testing & Metrics
✲ Testing Method: Task-based usability testing.
✲ Participants: 5 users
Key Metrics:
80% of users were able to choose a workout (indoor/outdoor) within 10 seconds
4 out of 5 users reported the weather-based suggestions as clear and helpful
Dashboard clarity rating improved from 3/5 to 4.5/5 after iterations
70% of users said the app increased their motivation to work out
✲ Testing Method: Task-based usability testing.
✲ Participants: 5 users
Key Metrics:
80% of users were able to choose a workout (indoor/outdoor) within 10 seconds
4 out of 5 users reported the weather-based suggestions as clear and helpful
Dashboard clarity rating improved from 3/5 to 4.5/5 after iterations
70% of users said the app increased their motivation to work out
Design Solutions
Personalized Home page
Based on weather Conditions ⛈️
Personalized Home page
Based on weather Conditions ⛈️
Personalized Home page
Based on weather Conditions ⛈️
The home screen displays real-time weather information and immediately suggests whether an indoor or outdoor workout is more suitable, allowing users to make faster decisions without overthinking.
The home screen displays real-time weather information and immediately suggests whether an indoor or outdoor workout is more suitable, allowing users to make faster decisions without overthinking.
Motivating progress dashboard 📊
Motivating progress dashboard 📊
Motivating progress dashboard 📊
The dashboard presents key metrics such as steps, calories, and daily goal completion in a clear and visual way, reinforcing motivation and encouraging consistency.
The dashboard presents key metrics such as steps, calories, and daily goal completion in a clear and visual way, reinforcing motivation and encouraging consistency.
Outdoor route tracking 🏃🏼♂️
Outdoor route tracking 🏃🏼♂️
Outdoor route tracking 🏃🏼♂️
Users can choose outdoor routes based on distance, track their time and steps, and pause or stop sessions at any point, supporting flexibility and control during workouts.
Outcome
Outcome
Reduce the stress of decision-making when starting exercise
Improved clarity in workout selection and progress tracking
Positive user feedback on personalization and simplicity
Reduce the stress of decision-making when starting exercise
Improved clarity in workout selection and progress tracking
Positive user feedback on personalization and simplicity
✴︎ Final Result: InOutFit demonstrates how a context-aware, UX-driven approach can transform a common daily challenge into a motivating and seamless fitness experience, highlighting my ability to lead, design, and deliver end-to-end UX/UI solutions.
✴︎ Final Result: InOutFit demonstrates how a context-aware, UX-driven approach can transform a common daily challenge into a motivating and seamless fitness experience, highlighting my ability to lead, design, and deliver end-to-end UX/UI solutions.