therAppy
Redefining Online Therapy Through Connection and Growth
therAppy is a mental health mobile app designed to make therapy more accessible and engaging.
Users can schedule and pay for therapy sessions, connect with their psychologist through video calls, and stay engaged between sessions with journaling, self-reflection challenges, and emotional tracking.
ROLE
UX/UI Designer
TOOLS
Figma, Figjam, Procreate
SKILLS
UX Research, Wireframing, Prototyping, Mobile UI Design, Usability Testing.
CHALLENGE
How might we help therapy clients stay emotionally connected and consistent between sessions so they can continue their personal growth?
Most people attending online therapy struggle to maintain emotional connection between sessions.
Existing apps either focus only on booking or are dedicated to psychologist and not patients.
We needed to design a space that felt personal, organized, and emotionally supportive, a digital companion for therapy, not just another platform.
USER PERSONA
I started by surveying psychologist and patients to understand what where the main pain points of doing online therapy.
The challenges where:
Forgetting the sessions due to lack of reminders
Feeling less connected with the therapist during online sessions
Difficulty maintaining motivation and continuity between sessions
Trouble organizing therapy notes and exercises.
From these insights, I designed TherAppy, a mobile app that helps patients stay engaged with their therapy by making the process more organized, interactive, and human.
WIREFRAME SKETCHES
I drew some sketches to explore how the main features could flow together in a simple, intuitive way. My goal was to keep the interface clean and calming -something that would feel more like self-care than a medical app.
Each screen was designed to help users stay emotionally connected to their therapy with
Reminders to keep track of the next session
A mood check-in to reflect on how they feel before or after therapy.
A growth tracker, represented by a tree that keeps growing every time you attend a new session.
These sketches helped me visualize the emotional tone I wanted the app to have - warm, human and encouraging.
After finishing the sketches, I uploaded them to Figma Make, which helped me transform my ideas into a mid-fidelity prototype.
In early test with five patients, three mentioned that the tree was a good idea as they will feel encouraged to attend the session to see the progress of their plant. This confirmed the value of showing progress in a interactive way.
Some of them also mentioned that they would like to have a section to take notes after the session.
← Slide to view all sketches →
VISUAL EXPLORATION AND ILUSTRATIONS
As I moved from mid-fidelity to high-fidelity, I wanted the app to feel human something that could bring calm and warmth to the therapy experience.
That’s when I decided to integrate my own hand-drawn illustrations into the design.
Each drawing, from the mood icons to the growing therapy tree, was created to represent the emotional progress users go through.
The organic, imperfect lines reflect the idea that growth isn’t always linear, but it’s always beautiful.
These visuals became a core part of TherAppy’s identity, softening the interface and making every interaction feel more personal and alive.
SOLUTION
TherAppy transforms therapy follow-up into a supportive daily routine.
Users can receive reminders, check in with their emotions, and see their personal growth in a way that feels both structured and emotional.
The interface uses warm colors, gentle icons, and clear navigation to create a sense of calm and trust.
The result is a companion that bridges the gap between therapy sessions, a small, human-centered tool to keep users connected with themselves and their therapist.
THERAPY SESSION FLOW
EMOTIONAL CHECK IN
OUTCOME AND LEARNINGS
TherAppy started as a bootcamp project but became a deeper exploration of how design can support mental wellness. I wanted to create a space that felt safe and approachable for people navigating therapy.
I learned that designing for mental health requires extra care - every word, color, and interaction shapes how users feel. This project pushed me to think beyond functionality and design for trust, calm, and emotional support.
Using Figma Make for the first time significantly improved my workflow - allowing me to build reusable components, maintain design consistency, and prototype more efficiently.
This project deepened my understanding of designing for emotional states and accessibility. I learned to use color psychology, clear hierarchy, and reassuring interactions to create an experience that feels both functional and emotionally supportive.
