Problem

Problem

Problem

A simple dissatisfaction with a physical feature of oneself can lead to issues with self-confidence and self-esteem. This obsession can escalate further into Body Dysmorphic Disorder (BDD), where individuals become fixated on perceived flaws in their appearance, significantly disrupting their personal, social, and professional lives.

A simple dissatisfaction with a physical feature of oneself can lead to issues with self-confidence and self-esteem. This obsession can escalate further into Body Dysmorphic Disorder (BDD), where individuals become fixated on perceived flaws in their appearance, significantly disrupting their personal, social, and professional lives.

A simple dissatisfaction with a physical feature of oneself can lead to issues with self-confidence and self-esteem. This obsession can escalate further into Body Dysmorphic Disorder (BDD), where individuals become fixated on perceived flaws in their appearance, significantly disrupting their personal, social, and professional lives.

Research Findings

Research Findings

Research Findings

We started off with secondary research by carrying out a thorough literature review of 20 papers on the topic. We then shifted our focus towards primary research, conducting 10 semi-structured interviews, 7 contextual inquiries, 1 survey, and a couple of focus groups.

We started off with secondary research by carrying out a thorough literature review of 20 papers on the topic. We then shifted our focus towards primary research, conducting 10 semi-structured interviews, 7 contextual inquiries, 1 survey, and a couple of focus groups.

We started off with secondary research by carrying out a thorough literature review of 20 papers on the topic. We then shifted our focus towards primary research, conducting 10 semi-structured interviews, 7 contextual inquiries, 1 survey, and a couple of focus groups.

of people had appearance-related concerns affecting their daily lives and self esteem

of people had appearance-related concerns affecting their daily lives and self esteem

of people had appearance-related concerns affecting their daily lives and self esteem

of people expressed a willingness to use a mobile app to tackle BDD symptoms

of people expressed a willingness to use a mobile app to tackle BDD symptoms

of people expressed a willingness to use a mobile app to tackle BDD symptoms

Impact on Daily Life

Impact on Daily Life

Many participants shared that their BDD symptoms deeply affected their routine.

Social Isolation

Social Isolation

In focus groups, several participants highlighted that they avoid social gatherings because they constantly feel physically judged.

Social Media Influence

Social Media Influence

Contextual inquiry revealed that some people in the gym tend to compare themselves with unrealistic body types on social media.

Hard to Seek Help

Hard to Seek Help

Interviews revealed a reluctance to seek professional support and preferred something more private.

Mission

Mission

Mission

Empower individuals suffering from Body Dysmorphic Disorder (BDD) by providing accessible tools and resources to help them understand, manage, and overcome their appearance-related anxieties. We aim to connect users with professional guidance while fostering a supportive environment for personal growth and self-acceptance.

Empower individuals suffering from Body Dysmorphic Disorder (BDD) by providing accessible tools and resources to help them understand, manage, and overcome their appearance-related anxieties. We aim to connect users with professional guidance while fostering a supportive environment for personal growth and self-acceptance.

Empower individuals suffering from Body Dysmorphic Disorder (BDD) by providing accessible tools and resources to help them understand, manage, and overcome their appearance-related anxieties. We aim to connect users with professional guidance while fostering a supportive environment for personal growth and self-acceptance.

Brainstorming

Brainstorming

Brainstorming

We came up with the features that will be included in our product according to the needs of the users.

We came up with the features that will be included in our product according to the needs of the users.

We came up with the features that will be included in our product according to the needs of the users.

Design Alternatives

Design Alternatives

Design Alternatives

Potential Web Application

Potential Web Application

Potential Web Application

Potential Wearable Band

Potential Wearable Band

Potential Wearable Band

Potential Mobile App

Potential Mobile App

Potential Mobile App

Scenarios & Storyboards

Scenarios & Storyboards

Scenarios & Storyboards

Sam sees a social media post of a “perfect male body” and feels insecure. After researching workout apps, he finds ours and chooses a plan suited to his goals. He follows the plan daily and eventually notices positive changes in his body, which boosts his confidence.

Sam sees a social media post of a “perfect male body” and feels insecure. After researching workout apps, he finds ours and chooses a plan suited to his goals. He follows the plan daily and eventually notices positive changes in his body, which boosts his confidence.

Sam sees a social media post of a “perfect male body” and feels insecure. After researching workout apps, he finds ours and chooses a plan suited to his goals. He follows the plan daily and eventually notices positive changes in his body, which boosts his confidence.

Sasha, a 21-year-old student, feels insecure about her nose and searches for ways to cope. She finds and downloads the app, choosing the self-assessment option. After completing the questionnaire, she learns about BDD, how her symptoms align with it, and where she stands on the BDD scale. Informed about her condition, Sasha receives recommendations for overcoming BDD, making her feel more empowered.

Sasha, a 21-year-old student, feels insecure about her nose and searches for ways to cope. She finds and downloads the app, choosing the self-assessment option. After completing the questionnaire, she learns about BDD, how her symptoms align with it, and where she stands on the BDD scale. Informed about her condition, Sasha receives recommendations for overcoming BDD, making her feel more empowered.

Sasha, a 21-year-old student, feels insecure about her nose and searches for ways to cope. She finds and downloads the app, choosing the self-assessment option. After completing the questionnaire, she learns about BDD, how her symptoms align with it, and where she stands on the BDD scale. Informed about her condition, Sasha receives recommendations for overcoming BDD, making her feel more empowered.

Low-Fidelity Prototypes

Low-Fidelity Prototypes

Low-Fidelity Prototypes

After developing a proper understanding of user needs and what our product will entail, we developed a lo-fi paper prototype which efficiently checked and tested the functionality of our app.

After developing a proper understanding of user needs and what our product will entail, we developed a lo-fi paper prototype which efficiently checked and tested the functionality of our app.

After developing a proper understanding of user needs and what our product will entail, we developed a lo-fi paper prototype which efficiently checked and tested the functionality of our app.

Final Designs

Final Designs

Final Designs

Onboarding

Onboarding

Onboarding

The onboarding flow was designed to keep things simple and efficient. Each step reduces unnecessary effort with clear CTAs, minimal input fields, and built-in safeguards against errors. Small details like segmented inputs, unit toggles, and success feedback make the process smoother and more reassuring, ensuring users can create an account without friction.

The onboarding flow was designed to keep things simple and efficient. Each step reduces unnecessary effort with clear CTAs, minimal input fields, and built-in safeguards against errors. Small details like segmented inputs, unit toggles, and success feedback make the process smoother and more reassuring, ensuring users can create an account without friction.

The onboarding flow was designed to keep things simple and efficient. Each step reduces unnecessary effort with clear CTAs, minimal input fields, and built-in safeguards against errors. Small details like segmented inputs, unit toggles, and success feedback make the process smoother and more reassuring, ensuring users can create an account without friction.

Home

Home

Home

The home screen was designed to keep users grounded and in control without overwhelming them. An unobtrusive SOS button ensures help is always within reach, while the simple grid layout makes tools easy to find at a glance. Upcoming reminders encourage consistent engagement with wellness routines, and the familiar bottom navigation keeps the experience intuitive. Together, these choices balance accessibility, clarity, and ease of use.

The home screen was designed to keep users grounded and in control without overwhelming them. An unobtrusive SOS button ensures help is always within reach, while the simple grid layout makes tools easy to find at a glance. Upcoming reminders encourage consistent engagement with wellness routines, and the familiar bottom navigation keeps the experience intuitive. Together, these choices balance accessibility, clarity, and ease of use.

The home screen was designed to keep users grounded and in control without overwhelming them. An unobtrusive SOS button ensures help is always within reach, while the simple grid layout makes tools easy to find at a glance. Upcoming reminders encourage consistent engagement with wellness routines, and the familiar bottom navigation keeps the experience intuitive. Together, these choices balance accessibility, clarity, and ease of use.

Nutritionist

Nutritionist

Nutritionist

The nutritionist flow was designed to simplify decision-making and build user confidence. Search and filters help narrow down options quickly, while compact profile cards and clear metrics make comparisons effortless. A calendar view paired with intuitive time slot selection reduces friction in scheduling, and the optional note section personalizes the experience by fostering better communication with professionals. Together, these choices create a booking process that is efficient, transparent, and user-centered.

The nutritionist flow was designed to simplify decision-making and build user confidence. Search and filters help narrow down options quickly, while compact profile cards and clear metrics make comparisons effortless. A calendar view paired with intuitive time slot selection reduces friction in scheduling, and the optional note section personalizes the experience by fostering better communication with professionals. Together, these choices create a booking process that is efficient, transparent, and user-centered.

The nutritionist flow was designed to simplify decision-making and build user confidence. Search and filters help narrow down options quickly, while compact profile cards and clear metrics make comparisons effortless. A calendar view paired with intuitive time slot selection reduces friction in scheduling, and the optional note section personalizes the experience by fostering better communication with professionals. Together, these choices create a booking process that is efficient, transparent, and user-centered.

Diet Plan

Diet Plan

Diet Plan

The diet plan screen was designed to make browsing clear, engaging, and flexible. A card-based layout with images creates quick visual appeal, while search and filter options help users find exactly what they need without friction. The floating “New Plan” button gives users control to create their own personalized plan, making the experience both organized and empowering.

The diet plan screen was designed to make browsing clear, engaging, and flexible. A card-based layout with images creates quick visual appeal, while search and filter options help users find exactly what they need without friction. The floating “New Plan” button gives users control to create their own personalized plan, making the experience both organized and empowering.

The diet plan screen was designed to make browsing clear, engaging, and flexible. A card-based layout with images creates quick visual appeal, while search and filter options help users find exactly what they need without friction. The floating “New Plan” button gives users control to create their own personalized plan, making the experience both organized and empowering.

Workout Plan

Workout Plan

Workout Plan

The workout planner emphasizes clarity, efficiency, and personalization. Placeholder text nudges users to set meaningful goals, while collapsible sections keep weekly exercises organized without overwhelming detail. A card-based layout with visuals makes plans easy to scan, and features like copying workouts from another week streamline repetition, helping users stay consistent while maintaining flexibility.

The workout planner emphasizes clarity, efficiency, and personalization. Placeholder text nudges users to set meaningful goals, while collapsible sections keep weekly exercises organized without overwhelming detail. A card-based layout with visuals makes plans easy to scan, and features like copying workouts from another week streamline repetition, helping users stay consistent while maintaining flexibility.

The workout planner emphasizes clarity, efficiency, and personalization. Placeholder text nudges users to set meaningful goals, while collapsible sections keep weekly exercises organized without overwhelming detail. A card-based layout with visuals makes plans easy to scan, and features like copying workouts from another week streamline repetition, helping users stay consistent while maintaining flexibility.

Therapist

Therapist

Therapist

The therapist feature was designed to keep scheduling clear and actionable. Dividing sessions into “Upcoming” and “Past” reduces clutter and makes information easy to scan, while status tags provide instant clarity on attendance. A highlighted card draws attention to the next appointment, and direct access buttons make navigation to therapist profiles seamless. Together, these features reduce cognitive load and help users stay on top of their sessions with confidence.

The therapist feature was designed to keep scheduling clear and actionable. Dividing sessions into “Upcoming” and “Past” reduces clutter and makes information easy to scan, while status tags provide instant clarity on attendance. A highlighted card draws attention to the next appointment, and direct access buttons make navigation to therapist profiles seamless. Together, these features reduce cognitive load and help users stay on top of their sessions with confidence.

The therapist feature was designed to keep scheduling clear and actionable. Dividing sessions into “Upcoming” and “Past” reduces clutter and makes information easy to scan, while status tags provide instant clarity on attendance. A highlighted card draws attention to the next appointment, and direct access buttons make navigation to therapist profiles seamless. Together, these features reduce cognitive load and help users stay on top of their sessions with confidence.

Questionnaires

Questionnaires

Questionnaires

The questionnaires screen was designed to make finding and taking tests straightforward. Splitting items into “Favourites” and “Recommended” improves scannability and helps users quickly locate what matters most. Prominent green CTAs guide users directly into taking tests, while the heart icon adds a layer of personalization by letting them save preferred questionnaires for easy access later.

The questionnaires screen was designed to make finding and taking tests straightforward. Splitting items into “Favourites” and “Recommended” improves scannability and helps users quickly locate what matters most. Prominent green CTAs guide users directly into taking tests, while the heart icon adds a layer of personalization by letting them save preferred questionnaires for easy access later.

The questionnaires screen was designed to make finding and taking tests straightforward. Splitting items into “Favourites” and “Recommended” improves scannability and helps users quickly locate what matters most. Prominent green CTAs guide users directly into taking tests, while the heart icon adds a layer of personalization by letting them save preferred questionnaires for easy access later.

Support Groups

Support Groups

Support Groups

The support group screen was designed to encourage engagement while keeping interactions intuitive. A bold primary CTA invites users to join groups easily, while familiar post and reaction layouts leverage social media patterns for comfort and usability. Engagement indicators foster a sense of community, and the “Post of the Day” highlights positive content without clutter. A floating action button empowers users to create new groups, balancing participation with control.

The support group screen was designed to encourage engagement while keeping interactions intuitive. A bold primary CTA invites users to join groups easily, while familiar post and reaction layouts leverage social media patterns for comfort and usability. Engagement indicators foster a sense of community, and the “Post of the Day” highlights positive content without clutter. A floating action button empowers users to create new groups, balancing participation with control.

The support group screen was designed to encourage engagement while keeping interactions intuitive. A bold primary CTA invites users to join groups easily, while familiar post and reaction layouts leverage social media patterns for comfort and usability. Engagement indicators foster a sense of community, and the “Post of the Day” highlights positive content without clutter. A floating action button empowers users to create new groups, balancing participation with control.

Community

Community

Community

The community feed was designed to feel familiar and engaging, using a social-style layout that makes browsing and interaction effortless. A simple input prompt at the top lowers the barrier to participation, encouraging users to share thoughts or photos with ease. Media integration enriches posts and fosters connection, creating a more vibrant and interactive space for the community.

The community feed was designed to feel familiar and engaging, using a social-style layout that makes browsing and interaction effortless. A simple input prompt at the top lowers the barrier to participation, encouraging users to share thoughts or photos with ease. Media integration enriches posts and fosters connection, creating a more vibrant and interactive space for the community.

The community feed was designed to feel familiar and engaging, using a social-style layout that makes browsing and interaction effortless. A simple input prompt at the top lowers the barrier to participation, encouraging users to share thoughts or photos with ease. Media integration enriches posts and fosters connection, creating a more vibrant and interactive space for the community.

Usability Testing

Usability Testing

Usability Testing

We tested 5 workflows by asking the users to complete each task with the think-aloud protocol. We observed user frustrations and measured different metrics including average task completion time in seconds. Post-testing, users were asked to rate their overall experience for each task and suggest improvements.

We tested 5 workflows by asking the users to complete each task with the think-aloud protocol. We observed user frustrations and measured different metrics including average task completion time in seconds. Post-testing, users were asked to rate their overall experience for each task and suggest improvements.

We tested 5 workflows by asking the users to complete each task with the think-aloud protocol. We observed user frustrations and measured different metrics including average task completion time in seconds. Post-testing, users were asked to rate their overall experience for each task and suggest improvements.

average task completion time (seconds)

average task completion time (seconds)

average task completion time (seconds)

average workflow rating

average workflow rating

average workflow rating

Reflection

Reflection

Reflection

This project taught me the value of empowering through functionality and empathy in design. By grounding decisions in user research and feedback, I learned how to turn complex mental health needs into clear, supportive features that give users both control and confidence.

This project taught me the value of empowering through functionality and empathy in design. By grounding decisions in user research and feedback, I learned how to turn complex mental health needs into clear, supportive features that give users both control and confidence.

This project taught me the value of empowering through functionality and empathy in design. By grounding decisions in user research and feedback, I learned how to turn complex mental health needs into clear, supportive features that give users both control and confidence.

Copyright © 2025 - Muhammad Affan Ashraf

Copyright © 2025 Muhammad Affan Ashraf

Copyright © 2025 - Muhammad Affan Ashraf