UBYou
College wellness and support platform.
A Mental & Wellness app that helps students succeed.
Duration: 2 Months
Tools: Figma & Fig jam
Team: 3 UX/UI Designers, 2 UX Leads, & CEO.
Role: UX/UI Designer
Overwiew
UBYou is a centralized platform that helps college students navigate mental health and wellness by providing easy access to resources, self-care tools, and campus support services.
Business Goals
UBYou's goal is to improve student well-being by making support resources more accessible, increasing engagement through daily wellness check-ins, and strengthening partnerships with universities to enhance campus mental health initiatives.
What is the Problem?
UBYou lacks a clearer information architecture, a more user-friendly home screen, better distinction between UBYou and Campus resources, and a motivative for daily wellness check-ins.
Improve information architecture.
Redesign the home screen for better usability.
Combine UBYou and Campus resources with clear distinction.
Boost motivation for daily wellness check-ins.
Approach
Based on our research, our first step is to redesign the information architecture, develop user flows, and create mid-fidelity to high-fidelity prototypes.
Redesigning the Information Architecture
Establish a hierarchy within functions and features.
Categorize similar items and add sub categorizes.
2. Distinguishing between UBYou & Campus resources
Add a toggle switch of UBYou resources & Campus resources.
1. Designing the Homepage
Two homepage versions were made to A/B test for engagement and conversions.
Outcomes
Users found Screen A more convenient as it required less scrolling.
Users found Screen B's calendar overwhelming.
Users felt more motivated to complete the daily check-in since it was on the homepage.
Final Screen A
Screen A will be used with a gamification feature added to the daily checkin.
Screen A
Screen B
Gamification
Streaks will be added to gamify the Daily Checkin and retain more user engagement.
Some userflows of main tasks will be made.
Userflows
Userflow 1: Access group counseling from resources.
Userflow 2: User performs a daily check-in
Wireframes
To excectue the product mid-fidelity wireframes were made.
Design Systems / UI
Color Palette:
Typography:
Common Components:
Prototype
Below is a prototype of some main userflows.
This project being my first real-life project it offered many valuable learnings. Collaborating with a UX team and the client is a really great experience I gained. Taking feedback from the client and implementing it throughout the project was an important aspect of this project. Planning out the deliverables and working a tight deadline has taught me how to work effectively according to a time constrain.