OVERVIEW
OVERVIEW
OVERVIEW
Designing a wellness app to promote student mental health and productivity.
Designing a wellness app to promote student mental health and productivity.
Designing a wellness app to promote student mental health and productivity.
ROLE
Designer and Founder
Designer
Founder
Designer
Founder
SKILLS
Full Product Dev
UI/UX Design
Branding
Full Product Dev
UI/UX Design
Branding
DURATION
TIME
1 Week
1 Week
TOOLS
Figma
Procreate
Figma
Procreate
INQUIRY
How can high school students prioritize productivity without sacrificing mental health?
How can high school students prioritize productivity without sacrificing mental health?
High school students are increasingly facing mental health issues that interfere with their wellness and ability to participate in school successfully. Stemming from academic expectations, students face a cycle of pressure to succeed in school and are simultaneously advised to be mindful of their mental and physical health.
High school students are increasingly facing mental health issues that interfere with their wellness and ability to participate in school successfully. Stemming from academic expectations, students face a cycle of pressure to succeed in school and are advised to be mindful of mental and physical health.
INQUIRY
How can high school students prioritize productivity without sacrificing mental health?
80% of students feel poor mental health harms academic performance (ACE)
PROBLEM
Students feel forced to choose between their academic success and mental health
Students feel forced to choose between their academic success and mental health
Students feel forced to choose between their academic success and mental health
49% of high schoolers feel stressed daily (NYU)
80% of students feel poor mental health harms academic performance (ACE)
COMPETITIVE ANALYSIS
A lack of centralized solutions — existing apps tackle productivity or mental health, not both
A lack of centralized solutions — existing apps tackle productivity or mental health, not both
A lack of centralized solutions — existing apps tackle productivity or mental health, not both
To better understand the gaps in the current market and identify what works for students, I analyzed three top wellness and productivity apps: Calm, Headspace Health, and Forest.
To better understand the gaps in the current market and identify what works for students, I analyzed three top wellness and productivity apps: Calm, Headspace Health, and Forest.
To better understand the gaps in the current market and identify what works for students, I analyzed three top wellness and productivity apps: Calm, Headspace Health, and Forest.
Storyboard mapping out student needs and what solutions can play a part
THE MISSION
How might we help student productivity and wellness coexist?
How might we help student productivity and wellness coexist?
How might we help student productivity and wellness coexist?
Though productivity and wellness in today's competitive educational environment are seen as conflicting goals, there is a huge potential for creating balance by giving students the autonomy to build community and grow.
Storyboard mapping out student needs and what solutions can play a part
Storyboard mapping out student needs and what solutions can play a part
A streamlined platform for students with the productivity features students know and love, paired with exciting, seamlessly integrated community-building and wellness features to promote balance and growth.
Infinite CARE Mobile App
SOLUTION
Infinite CARE Mobile App
Infinite CARE Mobile App
A streamlined platform for students with the productivity features students know and love, paired with exciting, seamlessly integrated community-building and wellness features to promote balance and growth.
Low-Fidelity Interface Ideation
Mapping out key features for visual understanding and functionality to optimize user experience
Mid-Fidelity Figma Interface Mockup
Choosing the placement of graphics and text to keep the user engaged and multipurpose features seamless rather than feeling like two separate apps.
Hi-Fi Fidelity Interactive Figma Interface Prototype
Applying the branding guide to the interface using placeholder text to replicate real user experience and interactions.
PROCESS
Experimenting with clean lines, strategic placement, and seamless transitions
Experimenting with clean lines, strategic placement, and seamless transitions
Experimenting with clean lines, strategic placement, and seamless transitions
A streamlined platform for students with the productivity features students know and love, paired with exciting, seamlessly integrated community-building and wellness features to promote balance and growth.
A streamlined platform for students with the productivity features students know and love, paired with exciting, seamlessly integrated community-building and wellness features to promote balance and growth.
Low-Fidelity Interface Ideation
Mapping out key features for visual understanding and functionality to optimize user experience
Mid-Fidelity Figma Interface Mockup
Choosing the placement of graphics and text to keep the user engaged and multipurpose features seamless rather than feeling like two separate apps.
Hi-Fi Fidelity Interactive Figma Interface Prototype
Applying the branding guide to the interface using placeholder text to replicate real user experience and interactions.
DESIGN DECISIONS
Merging the best productivity features with community and self-care resources seamlessly
Merging the best productivity features with community and self-care resources seamlessly
Merging the best productivity features with community and self-care resources seamlessly
Interactive Figma prototype
Exploring various minimalistic color palettes to create a soothing tone for users. Trying to find a balance between soothing palettes, I experimented with various color schemes and shades.
DESIGN DECISIONS
Minimalistic branding and soothing tones
Minimalistic branding and soothing tones
Minimalistic branding and soothing tones
Exploring various minimalistic color palettes to create a soothing tone for users. Trying to find a balance between soothing palettes, I experimented with various color schemes and shades.
Exploring various minimalistic color palettes to create a soothing tone for users. Trying to find a balance between soothing palettes, I experimented with various color schemes and shades.
Initial color palette brainstorm
Final branding guide: fonts, color palette, moodboard
Initial color palette brainstorm
Final branding guide: fonts, color palette, moodboard
EXPLORATION
Experiences beyond the app — wearable tech
Experiences beyond the app — wearable tech
Experiences beyond the app — wearable tech
With the increasing saturation of both the productivity and wellness apps in today's market, there lies a gap in users' experiences ending with the closing of the app. To meet this need, I explored how wearable technology and gadgets could allow for the feeling of balance to transcend the app. This would require more user testing to determine which type is best.
Exploration of physical gadgets and wearables to pair with the app and specific app features
Exploration of physical gadgets and wearables to pair with the app and specific app features.
Advertisement that I designed and iterated in 2 days to present
PITCHING THE CONCEPT
Final sprint — designing an ad for students and pitching to Stanford Product Design Professors
Final sprint — designing an ad for students and pitching to Stanford Product Design Professors
Final sprint — designing an ad for students and pitching to Stanford Product Design Professors
After completing the full product design cycle, from ideation to mockups and "launch", I designed an ad to show the user journey for the app. Using a hand-drawn and minimalistic style to connect with students, I explored a more animated take on advertising. I presented this pitch video and final mockups to Stanford Product Design Professors.
After completing the full product design cycle, from ideation to mockups and "launch", I designed an ad to show the user journey for the app. Using a hand-drawn and minimalistic style to connect with students, I explored a more animated take on advertising. I presented this pitch video and final mockups to Stanford Product Design Professors.
Advertisement that I designed and iterated in 2 days to present
NEXT STEPS
Testing MVP with students to enhance strategic design choices and stay human-centered
Testing MVP with students to enhance strategic design choices and stay human-centered
Beyond the clean visuals of the user interface design, testing the app with students to understand its user experience creates an opportunity to iterate on the designs and respond to existing user needs, as well as understand strategies behind what keeps users engaged to stick to an app for their wellness and productivity.