DYM Clinic is a privately held life-coaching and therapy business in California's San Francisco Bay Area. DYM Clinic provides personalized and collaborative care and intervention programs that meets kids where they are and helps them and their families navigate their mental and behavioral health.
When my sister and I founded DYM Clinic, we chose to focus on providing life coaching with therapy to a small client base that would grow through word of mouth. There has been an increase in demand for our services and we need to build a responsive website that can help us scale and expand. We also need to create a logo with brand guidelines.
UX, UI Designer
Create a logo with brand guidelines and build a responsive website
Competitor Analysis, Personas, Interviews, Variables Map, Venn Diagram, Features Matrix, Card Sorting, Site Map, Task Flow, User Flow, Wire Frames, UI Kit, Usability Testing
Through quantitative and qualitative research methods (ie market research, competitive analysis and user interviews), I set out to gain a deeper understanding of the virtual behavioral and mental health services industry.
I started with a market analysis to gain a general understanding of the virtual behavioral and mental health market.
Note: There is limited research on how people search for and find virtual behavioral and mental health services. Therefore, I decided to use research about general local business discovery since our aim is to develop a hybrid model. My assumption is that potential clients will rely upon their general business inquiry search skills when searching for mental health support (eg reading reviews, adding "near me" to their search, etc.).
In order to understand my competitors strengths and weaknesses, I analyzed their business architecture and environmental context. I rounded out my analysis using the Five Planes method to better understand their market positioning and online identity.
Through my assessment of competitive capabilities, I learned that some focus solely on children while others include the entire family. The organizations that also provide support to families have a higher success rate, but require a more complex structure. See below.
I assessed the business value streams to figure out how competitors deliver value to their stakeholders. I learned from the initial login it only takes on average fives steps for a client to meet with a provider.
In the tele-therapy space, there are a number of stakeholders involved at various degrees of distance from the company. This helped me to understand the ecosystem DYM would need to effectively manage.
Assessing the common terminology used across the industry provides DYM with an easier entrance. Below is a partial information map for one of the competitors
The terms above can also be visualized in a diagram which highlights the relationships between the concepts outlined.
My environmental analysis highlighted the importance of going virtual. It is not enough though to just go virtual, the most successful competitors focus on inclusivity and affordability.
After gaining this insight into the companies, I was able to use the five planes of UX experience to research their websites and understand why and how their websites were structured the way they were.
Opportunities for tele-health services exist for those who remain agile and adapt and respond to the shifting user needs. DYM is uniquely positioned to deliver more services through a hybrid and affordable model.
Based on DYM's target market and my initial research findings, I created three provisional personas. This helped me identify people who might be ideal interview subjects and consider how I might frame my interview questions.
Wants outside help for teen
Wants to find a service to recommend
Find a service that fits schedule
Wants to learn more about life coaching
Prefers in-person sessions
Prefers hybrid approach
Interested in tele health
Establish more calmness in life
Find support that compliments therapy
No references for life coaching
No decision making authority
Busy schedule / in-person sessions are not always possible
Limited time for self care
Limited experience navigating digital experiences
Work related pressures affect familial relationships
To better understand the pain points and goals of those who use virtual behavioral health services and to test a few of my assumptions, I developed a script and conducted user interviews with participants who fell within my provisional personas. I recruited my interviewees through social media. My interviews were semi-structured with open-ended questions. During the interviews, I recorded the audio and took notes.
"Wow! They look like they know their stuff, but it's a little too much for me. I'm confused and I'm only on the home page."
. . .
"I feel stressed when I think about this and I don't need it to add anything else. I just need it to get me what I want."
. . .
"This seems more affordable and I like the fact that it's discrete and I can have her (daughter) go to therapy without people noticing she's leaving the house, asking where she's going. It can just be her in her room."
. . .
"I prefer to research with my computer because it makes things more manageable."
. . .
Clients find it frustrating when they have to weed through a bunch of information to find what they are looking for.
Users appreciate the ease of booking informational reservations
Users prefer to research on a computer. They don't like navigating a small screen and want side by side comparisons.
Clients expect a high level of convenience and personalization in their research experience.
Users appreciate features that allow them to drill down quickly as they browse and search.
Some clients prefer to book informational interviews first without doing any research online first.
Clients want to see a provider's values show up across all points of connection.
I transcribed the interviews and formatted the responses in an interview synthesis table, which allowed me to more easily see my notes for each user's responses side-by-side. I flagged repeating or conflicting themes or patterns and included them in a variables map, which can be found below.
Note: The displayed variable map is a partial copy.
Irene is the target persona that emerged from my research findings. Irene has her plate full with family and professional obligations, and time is in short supply for her. While Irene enjoys the benefits that come from reading the latest findings on behavioral health and the internet mom space, she most values an experience for her family that leaves room for all of her obligations.
Finding the right behavioral health service for your family can be highly emotional. Those I interviewed expressed a range of feelings from anxiety and desperation to relief because they finally decided to take action. There was a strong desire to feel confident about finding the right support for their families.
[insert post its]
This empathy map informed the final portion of my "How Might We" (HMW) statement below:
"How might we build online content that enables Irene to quickly find and select support while feeling confident about her selection?"
In order to define my project goal, I assessed the intersection of goals between DYM, its users and technical requirements.
The below features matrix utilized my research and project goal to prioritize what is an immediate must have and what can come later.
Note: The displayed features matrix is a partial copy and are ranked in order of priority.
Next, I conducted moderated online open card sorting. I had participants complete the exercise while on a video call. The only survey enabled me to survey a large number of participants. In total, I surveyed 20 participants via (Optimal Sort). The similarity matrix below shows the results of the online sort and provides a quick visual read into how participants grouped cards together more frequently.
The card sorting exercise above combined with my competitive research on web design informed my initial site map below.
My initial site design required too many steps to complete a task. In the below example, it would require a client to take eight steps just to sign up for a newsletter. As a result, I reduced the number of steps required for all tasks across the site.
Using my simplified task flow, I built user flows for two most common paths I expect users to take: 1) research to learn more, and 2) sign up for a session. There are still quite a bit of steps involved, but this user journey highlighted where I have opportunities to create more engaging content along the journey.
After choosing the one that best fit Irene's goals and needs, I worked on digital versions of some of the key pages to solidify the layout of the website. I also worked on responsive versions to ensure the layout would work across different devices.
Using the brand attributes (elementary, youthful, caring, and nurturing), I developed a mood board to set the branding direction. I leveraged a branding company to create a logo and provided key insights from my research that informed the final design below.
After the completion of the logo design, I created a style tile for DYM's new branding that included the color palette, typography, imager, and the logo.
I translated DYM's branding direction onto the wireframes to create the below UI designs for a computer, tablet and mobile phone.
Using the pages I designed in Figma, I build a high-fidelity, limited functionality prototype for usability testing in order to observe how users interact with the site and identify where improvements could be made.
12 participants were asked to walk through the prototype. I asked each participant to complete three tasks according to the information in three scenarios I provided. I conducted a moderated, remote, and think aloud usability test with participants.
Priority Tasks:
You can see my full testing plan here.
I created an affinity map to summarize patterns across the different participants' experiences and inform the next iteration of the prototype.
Beginning of journey doesn't
have a call to action
Many expressed confusion on how to sign up for the free informaitonal call
Provide more call to actions
The design appeals more to younger kids and needs to be engaging for entire families.
The age ranges that DYM services were not clear to all users
Include photos of kids of all ages and explain ages serviced through DYM
Using what I learned from the usability testing, I made revisions to my design and created the final prototype.
In the end, organizing the structure and content of DYM's site similarly to other tele-health organizations proved to be the best way to enable Irene to quickly find and connect with support.
Testing revealed that users expect certain conventions in terms of categorization and labelling, and when the information architecture departs from that, it can cause confusion and impede users' ability to successfully navigate.
DYM's new site is rooted in research, grounded in empathy, and tested to ensure the experience of finding behavioral health services is smooth and easy.
Upon publishing the website, a nationally recognized treatment center with branches around California contacted us and DYM became a recommended provider for clients exiting their program. We also began working with a network of medical doctors who refer patients and their families to DYM.