InOutFit App

โ€œYour daily exercise no matter the weather conditionsโ€œ

Type: Concept / Bootcamp Project

Tools: Figma, FigJam, Google Forms, Zoom

Role: UX/UI Designer

Tools: Figma, FigJam, Google Forms, Zoom

Role: UX/UI Designer

InOutFit App

Tools: Figma, FigJam, Google Forms, Zoom

Role: UX/UI Designer

Role: UX/UI Designer

โ€œYour daily exercise no matter the weather conditionsโ€œ

Project Overview

InOutFit is a smart fitness app that helps users decide whether to exercise indoors or outdoors based on current weather conditions, personal goals, and daily activity levels. The app aims to reduce the stress of too many choices and increase consistency in users' workouts.

My Role

I worked as a team leader with four other group members on the project from 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

  • Defining the problem and design challenge

  • Conducting competitive analysis

  • Planning and synthesizing user research

  • Creating user personas and identifying pain points

  • Designing user flows and information architecture

  • Producing low-fidelity wireframes

  • Validating ideas through usability testing

UI Responsibilities

  • Designing high-fidelity screens

  • Defining the design system

  • Applying visual hierarchy and layout principles

  • Designing reusable UI components

  • Ensuring consistency across screens

  • Designing for clarity, accessibility, and motivation

Design Thinking Process

Design Thinking Process

Design Thinking Process

Empathize

Empathize

Empathize

Insights from Interviews

Insights from Interviews

Insights from Survey

Insights from Survey

Define

Define

User Persona

User Persona

Problem Statement

Problem Statement

Define

User Persona

Problem Statement

Ideate

Ideate

Think of the most innovative solutions

Think of the most innovative solutions

Think of the most innovative solutions

Ideate

โ›ˆ๏ธ Personalized Home page Based on weather Conditions ๐ŸŒค๏ธ

๐Ÿ“Š Dashboard showing user progress and daily goal ๐Ÿ“Š

โ›ˆ๏ธ Personalized Home page Based on weather Conditions ๐ŸŒค๏ธ

โ›ˆ๏ธ Personalized Home page
Based on weather Conditions ๐ŸŒค๏ธ

๐Ÿ“Š Dashboard showing user progress and daily goal ๐Ÿ“Š

๐Ÿ“Š Dashboard showing user progress and daily goal ๐Ÿ“Š

๐Ÿƒ๐Ÿป Route filter to get the best outdoor walking experience ๐Ÿƒ๐Ÿป

๐Ÿƒ๐Ÿป Route filter to get the best outdoor walking experience ๐Ÿƒ๐Ÿป

๐Ÿƒ๐Ÿป Route filter to get the best outdoor walking experience ๐Ÿƒ๐Ÿป

Prototype

Prototype

Prototype

Thank You Very Much For Reaching The End Of The Case Study โœจ.

I hope You Enjoy It ๐Ÿค.

Thank You Very Much For Reaching The End Of The Case Study โœจ.

I hope You Enjoy It ๐Ÿค.

Thank You Very Much For Reaching The End Of The Case Study โœจ.

I hope You Enjoy It ๐Ÿค.

Thank You Very Much For Reaching The End Of The Case Study โœจ.

I hope You Enjoy It ๐Ÿค.

Project Overview

InOutFit is a smart fitness app that helps users decide whether to exercise indoors or outdoors based on current weather conditions, personal goals, and daily activity levels. The app aims to reduce the stress of too many choices and increase consistency in users' workouts.

My Role

InOutFit is a smart fitness app that helps users decide whether to exercise indoors or outdoors based on current weather conditions, personal goals, and daily activity levels. The app aims to reduce the stress of too many choices and increase consistency in users' workouts.

UX Responsibilities

  • Defining the problem and design challenge

  • Conducting competitive analysis

  • Planning and synthesizing user research

  • Creating user personas and identifying pain points

  • Designing user flows and information architecture

  • Producing low-fidelity wireframes

  • Validating ideas through usability testing

UI Responsibilities

  • Designing high-fidelity screens

  • Defining the design system

  • Applying visual hierarchy and layout principles

  • Designing reusable UI components

  • Ensuring consistency across screens

  • Designing for clarity, accessibility, and motivation

Create a free website with Framer, the website builder loved by startups, designers and agencies.