Virtual Mental Health

Creating a telemedicine mobile app for mental health counseling.



How might we create a seamless therapy session experience?


2 week


Joanna Choi (UX/UI Designer)




For 2 weeks, I worked on a design sprint that improves the remote mental healthcare experience. During the first week, I conducted user interviews and research to synthesize into a persona and journey map. During the second week, I created quick low-fidelity sketches of important screens to include and iterated on mid and high-fidelity designs until I was satisfied with the final design. Lastly, I created a design system to organize the style and hierarchy of digital assets.


User Interviews

Competitive Analysis



Journey Map


Low-Fidelity Sketches

Mid-Fidelity iterations

High-Fidelity Wireframes

Usability Testing



Design System


Understanding users' needs

Frustrated with my own experiences using telehealth mental health services, I was inspired to design a solution to make remote mental health treatment a seamless experience. I began by conducting 5 user interviews with patients who are currently receiving remote mental health therapy. From the user interviews, I noticed the following trends among  responses:

Examining the competitive landscape

Next, I conducted a competitive analysis of existing competitors in the telehealth space. I discovered certain features, such as account registration and scheduling ,that were common across all competitors and other features, such as messaging and payment, that varied on the competitor's value proposition.


Defining the user

To visualize who I was designing for, I created the following persona of Anna, a woman in her late 20's interested in receiving mental health services virtually.

Navigating the user journey

Next, I created a journey map to visualize the process, highlights, and painpoints of receiving virtual mental health care. Based on the painpoints, I discovered the following opportunities: 

  • Automating the appointment scheduling process for patients
  • Save patients' health insurance information for on-going appointments
  • A simple and intuitive virtual space for sessions
  • A simple process to pay for sessions


Based on the user interviews, persona, and journey map, I decided that the following areas would be in the navigation bar: Home, Messages, Schedule, and Account. Based on user needs I discovered from user interviews, I prioritized designing a simple and intuitive virtual session, scheduling process, and payment. Due to the quick timing of this design sprint, I began by drawing low-fidelity sketches of screens and iterated on mid/high-fidelity iterations. I chose and included iterations that looked the easiest and most intuitive in the high-fidelity mockup.

Low-Fidelity Sketches

In the low-fidelity sketches, I sketched out screens that I felt were important to the design of the mobile app. For screens that required more elaborate information architecture, I listed the order of those information pieces.

Mid-Fidelity Iterations

I went through multiple rounds of iterations playing with the color palette and grayscale variants. In the end, I chose the first row of iterations for each component.

High-Fidelity Wireframes

After deciding on the UI in the mid-fidelity wireframes, I created high-fidelity screens that reflect the capabilities of the app. After conducting a round of usability testing and incorporating feedback into the design, I landed on the following design.

Design Challenge 1: Staying Connected

From user interviews, I found that users were having difficulty connecting with their mental health specialist, whether it was to log into a session or connect with their therapist outside of the session. As a result, I designed a Messages feature and virtual sessions with clear CTA's to attend an appointment so that users can easily connect through multiple channels.

Design Challenge 2: Easy Payment

Users were having difficulty paying for their virtual sessions. Some had to call their clinic and handle payment over the phone while others used Venmo and Cash App. I designed the following payment process so that patients can easily pay for their sessions and see the status of payment of their appointments in the mobile app. During usability testing, 5 out of 5 users successfully paid for an unpaid therapy session.

Design Challenge 3: Scheduling Appointments

Based on the insight that users wanted a simple way to schedule appointments, I designed the following process for users. During high-fidelity usability testing, 4 out of 5 users successfully booked an appointment with their therapist.

Creating a Design System

Currently a WIP! Will be updated soon!


I enjoyed this project because it gave me a change to improve my mobile UI skills, understanding of healthcare apps, and ability to create design systems. Had I had another week to work on this mobile app, I would have created a desktop site version to complement the mobile app.


©2020 Designed & Built by Joanna Choi 🌸