Introduction
Introduction
About Pegasus Therapy
There are many reasons why people may seek out therapy, such as depression, trauma, addiction, grief, anxiety, and relationship challenges. Pegasus Therapy offers treatment plans for individuals, groups, or a family session, and techniques used may be a combination of art, play, and verbal.
The current website is very outdated and doesn’t offer much information. The practice owner reached out for a website redesign to better present her offerings and expand her client base.
Problem Statement
While analyzing the website through user research, we identified some key pain points:
Even though the entire format and content were set up in a simple setting, it is difficult for users to find the bond or excitement in order to keep scrolling and dive deeper into the website ( The current website was not functional).
The lack of information on the homepage has resulted in a bounce and clients leaving the page immediately.
Insufficient data, content, pictures, or any type of information can help users get more familiar with the nature of practice and the methods utilized in this therapy.
Design Goals
Increase the practice client base by designing a site that is easy to navigate, and informative in a clean accessible format.
The practice's main treatment plan is Art Therapy. The stakeholder wants to highlight this on her website.
Design Process
Discover
Heuristic Evaluation (Site Analysis)
Since there was not much information on the site, we couldn’t run a proper heuristic evaluation. By studying the pages, we made a few observations:
The navigation hierarchy is off
There is no proper header or footer
The text is long and hard to follow
The homepage and some other pages don’t provide sufficient information
The background color is hard on accessibility with text contrast
The photos used are rather dull and dark
Survey
We took a survey from 78 people including the general public as well as the current practice patients. The purpose was to learn problems lead to leaving therapy website and what information they are looking for.
Top Survey Insight:
Insufficient information and difficulty in navigation are the main reasons for leaving the website for more than 70 % of user
More than 90% said it is important to them to check the therapist’s website before making their first appointment.
The top 3 information they look for on a site are:
1- Services offered & therapy approach
2- Therapist bio/credentials
3- Contact info/Ability to make initial contact
Interview
We contacted 8 of the participants with a follow-up interview. We dived deeper into their needs and goals when visiting a therapist’s website and what information they hope to find. Here are our findings:
Most people are looking for a therapist they can trust prior to their first therapy session.
The patients want to learn more about the services offered and the methods used in the therapy session.
Most people would like to make the initial contact via the site.
Most people would like to have an introductory session via the website prior to their actual appointment.
Competitive Analysis
We analyzed 10 therapy websites content & features.
Key takeaways:
They all highlighted their services, therapist bio, and contact info. This result confirmed our clients' primary needs as we gathered from our surveys and interviews.
The majority of them had a friendly tone.
Almost all of them have an online form for the clients to reach out to the practice.
Our Challenge
We had initially been thinking of including testimonials on the website homepage to give site visitors a sense of trust. However, our stakeholder was strongly against it due to patient privacy. After running the competitive analysis, we realized almost none of the sites provide testimonials either.
Define
We organized all the information we collected from our research using affinity mapping. Our customer’s top needs and goals are:
Finding a therapist they can trust
Contact area must have a clear pathway
Website content should clearly address:
1. Area of practice
2. Type of service
3. Insurance and finance
In the bio section, the following features and contents must be included:
1. Education background
2. Friendly Photos
3. Experience and certifications
4. Personal and friendly content
Persona
Based on our research, we created our Persona: Wendy LiWendy is a single Mom who has recently been divorced. Since then, she has been personally dealing with a lot of emotions but also struggling to help her daughter. She is looking for a therapist where both she and her 5-year-old daughter can seek help and learn how to cope with their feelings.
Solution Statement
Build up trust for patients visiting the website
- Provide full bio, profile photo, and credentials to gain the trust
- Add a refreshing friendly tone to our logo, colors, and content
Users need contact information on the website
- Provide contact information (phone, email)
- Provide an online form so the user can contact the practice
Users need to know about the types of services offered
- Provide information for each therapy method
Users financial challenges and insurance
- Add a tap with a list of accepted insurance and hourly rates
Develop
User Flow
Wendy visits the Pegasus Therapy website to learn more about their services and fees. She feels comfortable with what she finds and requests an initial 20-minute consultation using the online form.
Site Map
Based on our findings, we created a sitemap and grouped the information in 3 main pages.
Wireframes
Here are our initial wireframes presenting what we discovered as critical information on the homepage, main nav bar, and other pages.
Design
UI Kit
Once we presented our proposed colors to the business owner, she wasn’t necessarily a big fan. She had already collected 3 colors she liked to use with the new design. Unfortunately, the colors didn’t necessarily follow any of the color theory and accessibility guidelines. We took her colors and adjusted them to align our color palette with UI standards and best practices. As part of refreshing the website, we also took better photos of the therapist to better represent her personality and the therapy environment. Here you can see the full UI kit we created for this project, including fonts, buttons, forms, and colors.
Iteration
1
The hero image changed several times to convey the feeling the client wanted the website to communicate.
The final version with the captivating focal point is overlaid with a CTA encouraging visitors to learn more about the services.
It emphasizes the colors of the practice and plays up the website's color scheme.
2
Services Offered section layout was changed after A/B testing with users.
4 out of 5 users got confused with the first layout and could not relate between pictures and associated info.
The final version follows a simple and straightforward layout.
Deliver
Reflection
I learned:
respecting patient privacy was paramount. We were mindful not to use actual client data or scenarios, instead relying on carefully considered assumptions and insights from a small group of individuals willing to share their perspectives. This approach allowed us to develop user-centered design solutions while upholding the confidentiality essential in a therapeutic setting.
For a therapy website, organization and simplicity in navigation are especially critical. A well-organized website supports the therapist’s objective to provide comfort to visitors, ensuring they feel secure and confident in exploring services.
See more projects