Caring on the go
Service design | Grad project
A streamlined mobile counseling service to make mental health resources easily accessible for caregivers, ensuring long-term support for their children.
This project was the result of the HCDE "User-Centered Design" course, which emphasized designing responsible innovations. I collaborated with 3 classmates to tackle the challenge of making mental health support more accessible for children.
The impact:
91%
participants believed the service fills a significant gap in the current mental health support landscape.
57%
users felt the mobile clinic design was conducive to private, effective counseling sessions.
100%
users comprehended the core objectives of the service after it was explained.
jump to solution
Collaborators (4)
Ak (me): Design lead
Johnny: Researcher
Swati: Researcher
Zelia: Designer + PM
Johnny: Researcher
Swati: Researcher
Zelia: Designer + PM
Duration
Sep - Dec 2022
My contributions
Research (SME interviews, persona)
UX design (storyboard, wireframing, service blueprint)
Visual design
Prototyping (lo-fi, hi-fi)
Interior design
Tools
Qualtrics
Figma + Figjam
Notion
SketchUp Pro
Final Cut Pro
Figma + Figjam
Notion
SketchUp Pro
Final Cut Pro
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/653187e39b5741ac55e51a53_Frame%201097s.webp)
Defining the problem statement
Finding mental health care for children can feel like a complex game of hide-and-seek.
The problem statement:
We aimed to make mental health support more accessible and convenient for families with school-aged children, recognizing that access to these services can be a challenge for many families.
How can we make it easier for caregivers to access mental well-being resources for children in elementary and middle school?
Existing user journey:
To gain deeper insight into the challenges caregivers face while seeking support for their children, I developed a storyboard to vividly illustrate the current user journey.
Research and insights
Navigating the terrain to build understanding
Checking our biases:
Drawing from our own experiences and understanding, we hypothesized that caregivers might lack comprehensive awareness about children's mental health. To delve deeper into this and to (in)validate our initial assumption,, we talked to caregivers, SME counselors, and young adults.
Surveys
77 responses (54 parents, 23 young adults) to gain an understanding of the problem space
SME Interviews
3 interviews with school counselors and therapists to to identify gaps between families seeking help and available facilities
Interviews
5 interviews conducted (3 parents, 2 young adults) to validate findings
As a team, we analyzed the data collected from the interviews and surveys using an affinity map to extract insights and generate solutions.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c0fd6aa8036c6133b09c38_ezgif.com-gif-maker.gif)
Affinity map of insights generated by considering perspectives of all stakeholders
Our findings:
The user research disproved our initial design question and revealed that caregivers are already well-informed about mental health and actively identify symptoms in children. In addition to this, we generated the following insights that were used to drive the ideation phase.
High demand
Help tackle the demand for students’ mental health services
Awareness
Equip parents with knowledge about mental health
Access
Connect families with mental health resources
Long-term care
Maximize extension of (long-term) mental health support to students in need
Community
Create a community that values mental health
Initial design question:
How can we increase awareness about children’s mental health among caregivers?
Final design question:
How can we make it easier for caregivers to access mental well-being resources for children?
Ideation and brainstorming
Steering the design
Personas
Based on our findings and observations from the research methods, we developed three personas that represented our three key stakeholders of parents, children and specialist.
Scoping down and validating ideas:
From our research, we generated three different design concepts to address the problem. We evaluated them using SWOT analysis to determine their strengths, weaknesses, opportunities, and threats, and chose the concept with the greatest potential.
The concepts included a digital resource library, personal assistant, and mobile therapy clinic. We carefully evaluated the pros and cons of each and conducted 6 peer review sessions to gather feedback. Based on the review and our evaluation, the solution that we decided to develop further develop was the mobile therapy clinic, accompanied with a web platform of mental well-being resources.
The concepts included a digital resource library, personal assistant, and mobile therapy clinic. We carefully evaluated the pros and cons of each and conducted 6 peer review sessions to gather feedback. Based on the review and our evaluation, the solution that we decided to develop further develop was the mobile therapy clinic, accompanied with a web platform of mental well-being resources.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c05613835a5c39e34543f2_7138c2af-eca3-4987-be28-d30e6c98bd84%201.png)
Concept 1: Digital repository of mental well-being resources
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c05612c0e1a60498134e86_3033808c-82c7-4346-b07f-8bd94c42d292%20(1)%201.png)
Concept 2: Personal mental well-being assistant bot
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c056124e97dd099c544c34_a5467e15-d1fe-4928-baff-cc5e49c58650%201.png)
Concept 3: Mobile therapeutic clinic - the chosen direction
User flows
To comprehend the interactions and steps that users would go through when using our service, from the beginning to the final interaction, we created UX flows that encompass all the touchpoints as experienced by the personas.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c057ecd83faff46aa61407_userflow%201.png)
The high-level idea of the service flow:
Service builds a website of digital resources and to onboard schools and therapists > Service recruits a group of therapist > Collaborates with the School > School onboards families > Service visits school to conduct workshops and consultation sessions
Service builds a website of digital resources and to onboard schools and therapists > Service recruits a group of therapist > Collaborates with the School > School onboards families > Service visits school to conduct workshops and consultation sessions
Storyboard
To visualize the user flow and context of interactions with our mobile therapeutic clinic and web platform, we created various scenarios, an example of which is illustrated below.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c058409ffcd3b0a348557d_Group%20618.png)
Wireframes and planning
We developed wireframes and rough layouts for various elements of our service, such as the website and the communication links between schools, service providers, and caregivers, as well as for the consultation session spaces. These wireframes were intended to establish a basic structure for both the digital and spatial aspects of the service, for prototyping and testing purposes.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c0586b9e2aec80718a31c9_Frame%201054.png)
Wireframes for website pages
Service ecosystem map and blueprint
To visualize the relationships between different service components — people, props (physical and digital artifacts), and processes — that are directly tied to touch-points in a specific customer journey and contribute to creating user experiences, we devised a service blueprint and a service ecosystem map. We identified the following as the user-facing end of the service:
Step 1
Heart Wheels collaborates with school to host workshops and consultation sessions
Step 2
School emails caregivers to inform about the Heart Wheels service
Step 3
Caregivers RSVP for the workshop
Step 4
Workshop conducted in school, where information about consultation sessions is conveyed
Step 5
Interested caregivers book childrens’ appointments with Heart Wheels therapists
Step 6
Families visit for Consultation Week
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c05a1d332eb9c4b428dafa_518_Kickoff%20(23)%20(1)%20(1)%201.png)
Service blueprint
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c05a993edab9bb9bef61e8_Ecosystem%20(1)%20(1)%201.png)
Service ecosystem map
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c05a9ab7af361f9ac404a4_IMG_2534%203.png)
Brainstorming session for identifying service components
Usability testing
Taking the Wheel: Altering the Design through Usability Testing
Key takeaways and insights
We conducted remote and in-person moderated usability tests with 7 participants, including teenagers, caregivers, school counselors and therapists. Participants were asked to envision and interact with various scenarios in the context of the service touch-points. They were prompted to think out loud and provide feedback at each step. We also asked a set of questions to gather further information.
The goal of the feedback was to assess the following parameters of the service: holistic understanding of the service, usability, and usefulness.
Our prototypes received mostly positive feedback from participants. They found it easy to understand the service flow and the 'Think Aloud' exercise allowed us to gather their thoughts and concerns. Here are a few takeaways and insights:
The goal of the feedback was to assess the following parameters of the service: holistic understanding of the service, usability, and usefulness.
Our prototypes received mostly positive feedback from participants. They found it easy to understand the service flow and the 'Think Aloud' exercise allowed us to gather their thoughts and concerns. Here are a few takeaways and insights:
Curated spaces for consultations
77% of participants desired specialized spaces for consultations, like the bus, and keywords uncovered were "safe," "calming," "decompressing," "soundproof," "private," and "fun."
Elementary to middle schoolers
90% of participants requested age group information for children due to specialized needs for each group, leading us to focus on children aged 3-13 years old, based on initial survey data.
Website to visually represent the mission
Participants felt the website was not visually communicating the mission, diminishing its value and potential impact. They also pointed out the lack of inclusive language and multilingual options.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63eb56e7f032505c6ba9382c_Group%20624.webp)
Conducting in-person and remote usability tests
Design and development
The destination: Easier access to mental health resources
Key takeaways and insights
The mobile therapy clinic is designed with elementary and middle school children in mind, it has the following design elements:
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc6191e3afb546eb73b0ef_ph_paint-brush.png)
Caters to elementary and middle school students
It is painted with vibrant illustrations internally and externally to appeal to children.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc61911ed05176ade8a3ec_material-symbols_meeting-room-outline-rounded.png)
Flexible spaces and curated planning
It is divided into 3 zones: a waiting area, a flexible therapy space, and an individual consultation area. the therapy space can be used for group or individual therapy.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc6191303f207ffb510d71_fluent_weather-haze-24-regular.png)
Ample natural light and ventilation
It has skylights and colorful windows all throughout and slit windows above eye level in private areas, for light and ventilation while maintaining privacy.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c139e18ac294e9d1f7a7f5_img-external.png)
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63c139e164ca24896939c0cc_img-internal.png)
Move the slider to see the internal and external views of the mobile therapy clinic
Accompanying website
The final website screens embody the vision of the mission, while conveying the necessary information.
We conducted remote and in-person moderated usability tests with 7 participants, including teenagers, caregivers, school counselors and therapists. Participants were asked to envision and interact with various scenarios in the context of the service touch-points. They were prompted to think out loud and provide feedback at each step. We also asked a set of questions to gather further information.
The goal of the feedback was to assess the following parameters of the service: holistic understanding of the service, usability, and usefulness.
Our prototypes received mostly positive feedback from participants. They found it easy to understand the service flow and the 'Think Aloud' exercise allowed us to gather their thoughts and concerns. Here are a few takeaways and insights:
The goal of the feedback was to assess the following parameters of the service: holistic understanding of the service, usability, and usefulness.
Our prototypes received mostly positive feedback from participants. They found it easy to understand the service flow and the 'Think Aloud' exercise allowed us to gather their thoughts and concerns. Here are a few takeaways and insights:
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc6b90284d8780aa38c6ed_Frame%201078.png)
Learnings and Takeaways
Evaluating the journey
Mobile therapy clinic
The mobile therapy clinic is designed with elementary and middle school children in mind, it has the following design elements:
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc6191e3afb546eb73b0ef_ph_paint-brush.png)
Caters to elementary and middle school students
It is painted with vibrant illustrations internally and externally to appeal to children.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc61911ed05176ade8a3ec_material-symbols_meeting-room-outline-rounded.png)
Flexible spaces and curated planning
It is divided into 3 zones: a waiting area, a flexible therapy space, and an individual consultation area. the therapy space can be used for group or individual therapy.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/63fc6191303f207ffb510d71_fluent_weather-haze-24-regular.png)
Ample natural light and ventilation
It has skylights and colorful windows all throughout and slit windows above eye level in private areas, for light and ventilation while maintaining privacy.
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/65322dce82fc6cc93fa1e144_image%20125.png)
![](https://cdn.prod.website-files.com/62d9103b0ea81d9566aad773/65322dd24f49e94e91bc2a00_image%20126.png)