top of page


1 Researcher,

2 UX Designers

My Role

Lead in UX/UI Design,

Interaction design


6 weeks

(February - March 2023)


Figma, FigJam,

Adobe Creative Suite


Columbia University students face mental health challenges, and current campus resources are underutilized due to stigma and lack of awareness.

The D@C ProDesign and Google Design collaboration presents the Google UX Challenge, leveraging Google technologies to create a comprehensive mental health solution. The challenge aims to overcome barriers, improve accessibility to resources and support, and empower students to prioritize their mental well-being effectively.

The current Columbia health portal is challenging to use. I hope for a more convenient solution that enables easier access to campus resources.



It is time for us to discover a more impactful solution to empower students' mental health at Columbia University

Organizing Team


Current Challenges

As the demand for support grows, students encounter a cumbersome Columbia health portal that proves overwhelming with its dense text and lack of mobile-friendly design. Navigating the complex appointment process becomes an arduous task, further compounded by the absence of clear instructions for referrals and scheduling.


The absence of a centralized platform hinders students from managing their mental health journey seamlessly.

Our Goal

To create a mental health solution that empowers Columbia University students, breaking down barriers, increasing awareness, improving accessibility, and providing a centralized platform for managing support.

To better understand the needs of Columbia University students regarding mental health, we conducted an online survey with a sample size of 120 students.

6581df683bff55e27db746d350e00364-sticker 1.png


1 / 

What mental health challenges have you experienced while attending Columbia University?

2 / 

Have you utilized mental health resources or support services on campus?

Are there any barriers or challenges you have experienced when seeking out mental health resources and support on campus?

3 / 

Survey Insight

The user survey conducted among Columbia University students highlight a need for comprehensive improvements in mental health awareness, resource communication, insurance coverage transparency, and digital platform usability.

What mental health challenges have you experienced while attending Columbia University?

Many students at Columbia University have encountered various mental health challenges, such as experiencing anxiety, lacking motivation, and struggling with sleeping patterns.

Screen Shot 2023-03-23 at 15.40.50.png

Are you fully aware of and utilized mental health resources or support services on campus?

A significant proportion of the survey respondents, accounting for over 54%, reported that they lack complete knowledge about mental health resources available on campus.

Screen Shot 2023-03-23 at 15.41.07.png

Are you fully aware of the in-network mental health support within the insurance plan?

Over 82% of the survey respondents stated that they do not have complete knowledge about the coverage and benefits of their Columbia health insurance plan.

Screen Shot 2023-03-23 at 15.41.00.png

Are there any barriers or challenges you have experienced when seeking out mental health resources and support on campus?

Our survey study revealed that 78.9% of students find the E-portal of Counseling & Psychological Services difficult to navigate.

D_C Challenge.gif

Product Pain Points

Columbia Health Portal needs improvements in...

Making Appointment

Students are struggling to navigate the appointment system, leading to difficulties in booking appointments and hindering their access to mental health services.

Managing Appointments

Limited availability and a lack of flexibility in the appointment process added stress for students struggling with health challenges.

Event Resources

It's challenging to keep track of available event resources, leading to missed opportunities for important mental health support and learning opportunities.

User Pain Points

Columbia Students have problems in...

Mental Health Issues

Stress and anxiety experienced by students are impacting their mental health and well-being, leaving them in search of solutions to improve their overall state.

Health Insurance Plan

Students pay for health insurance each semester, but often lack knowledge on how to use their plan effectively.

Support Resources

Students need access to professional mental health resources and learning materials, both on campus and off campus.

User Journey Map

We created a user journey map that captures the entire process from browsing through available services, making an appointment, confirming the appointment, and ultimately completing the appointment. By visualizing the user's experience from start to finish, we can better understand their needs and expectations at each stage of the process. 


Card Sorting

We conducted a card sorting exercise based on the app features of appointment booking, service discovery, mood tracking, and profile management. Through this process, we identified areas where we could leverage Google tools, such as Google Maps and Google Calendar, to create a more seamless and user-friendly experience.



d49708c55083694d6bd021b0f750fab4-sticker 1.png

1 /

Streamline the E-appointment process to make it more user-friendly and accessible for all students.

2 /

Utilize Google Maps and Calendar integration to enhance appointment scheduling and management.

3 /

Develop a resource to help students easily locate nearby in-network mental health providers.

4 /

Create a system to track student mental health conditions for more personalized and effective treatment.

5 /

Establish a well-being events page to provide students with a wealth of mental health resources.

6 /

Improve the management of personal profiles to inform treatment options and ensure accurate record-keeping.

Preliminary Wireframes

We used Figma to create a set of wireframes that provide a detailed blueprint of the overall visual structure and layout of the Columbia Health app. They provide a preliminary foundation for the app's interface, allowing for further refinement and optimization in subsequent phases of the design and development process.

Screen Shot 2023-03-20 at 22.42.02.png

Style Guide

After conducting extensive research on the original Columbia Health Portal and Columbia University's brand guidelines, we have decided to use a consistent color scheme and font in the app's design to reflect the university's brand identity.

Style Guide.png

Final Design


A carousel that introduces students to the key features, including easy appointment scheduling, finding in-network providers, and tracking daily mood.

Group 11051.png
Group 11052.png
Group 11053.png

Home Page

The main features such as making appointments, daily status, and upcoming events are prominently displayed on the homepage, allowing users to quickly find what they need.

Group 11071.png
Group 11070.png
Group 11055.png

Seamless Access
to Google Calendar

Add the upcoming appointments to Google calendar with just one tap

Group 11058.png
Group 11057.png

Effortless Navigation

With direct access to Google Maps within the app, users can effortlessly locate the exact location of their appointment and navigate to it seamlessly.

Group 11021.png

Daily Mood Tracking

Integrating happy moments with Google calendar and providing an easy way to view and remember these positive experiences

Group 11065.png
Group 11064.png

High-Fidelity Prototype

bottom of page