Client: Jackie Ferris, the owner of the business Comrade Morpho
Sector: Mental health
Duration: 4 months
My role: I was a member of a 5-person team responsible for the complete redesign of the website. My primary responsibilities included developing content and contributing to the overall strategic planning.
About Comrade Morpho
Comrade Morpho is a website that offers a distinctive mentoring program where a mentor engages in one-on-one sessions with clients to help them enhance their social and emotional well-being. This program goes beyond traditional therapy sessions, as the mentor becomes actively involved in the lives of their mentees by participating in daily activities and engaging in open conversations.
Our team was assigned the task of enhancing its digital presence, increasing website traffic, and converting visitors into potential customers.
Main challenges
01.
The concept of social emotional mentoring was unfamiliar, making it challenging to convey the idea to the target user.
02.
Our client lacked a defined target audience. The service was available to anyone above the age of 10, yet the website's structure aimed to accommodate all potential users.
03.
Conducting user research and interviews was crucial to enhance our understanding and develop effective strategies. However, given the sensitive nature of the topic, which revolves around mental health, we had to be cautious not to overstep boundaries or make individuals feel uncomfortable.
04.
The website's content was disorganized, overloaded with information, and confused users when they tried to find relevant information.
05.
The calls-to-action (CTAs) lacked consistency and sometimes got lost within the content.
Our Approach
01
Content Audit
To redesign the website effectively, we needed a comprehensive understanding of its strengths and identified gaps. Therefore, we divided the website's pages among team members and conducted a detailed content audit. This approach allowed us to pinpoint the website's shortcomings and determine where improvements could be made.
![Screenshot (141)_edited.jpg](https://static.wixstatic.com/media/a6e7f4_e4dab0f85b114640bc2cf01d1b17cddf~mv2.jpg/v1/fill/w_767,h_284,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Screenshot%20(141)_edited.jpg)
![Screenshot (140)_edited.jpg](https://static.wixstatic.com/media/a6e7f4_a738088d8c50429c96a3e56659febdb9~mv2.jpg/v1/fill/w_764,h_350,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Screenshot%20(140)_edited.jpg)
02
Current State Analysis
The current state analysis resembled a thorough dissection of the entire website, and it was carried out with great enthusiasm and careful examination. We scrutinized the website's content, structure, and layout, diligently noting what was effective and what was not. Furthermore, we offered recommendations for enhancing the website. This process allowed me to hone my attention to detail skills, which proved to be highly valuable and significantly improved during this project.
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_0bc491d7ee2a430f86ad0f5427ae855c~mv2.jpg/v1/fill/w_744,h_853,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_da7b96a4fef643569dbe68bf98abb60b~mv2.jpg/v1/fill/w_533,h_687,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
03
Competitive Analysis
The competitive analysis proved to be highly advantageous for our project. It encompassed both direct and indirect competitors who offered similar services. We compiled a list of other mental health support websites, including those providing individual-led therapy services and non-profit organizations. This analysis allowed us to identify numerous opportunities and ascertain where our website had a competitive edge over others.
The competitive analysis primarily focused on evaluating the following criteria: target audience, type of services offered, user flow, navigation, tone, and website interface.
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_94817cef582b4dd6867af9092d189bf8~mv2.jpg/v1/fill/w_599,h_337,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_5a38121b5d5c4e6b8b0e64b96e02d14a~mv2.jpg/v1/fill/w_599,h_337,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
![Screenshot (139)_edited.jpg](https://static.wixstatic.com/media/a6e7f4_048b32fb625e40738f3fe041549c3918~mv2.jpg/v1/fill/w_599,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Screenshot%20(139)_edited.jpg)
04
User interviews
After consulting with our clients and conducting research, we identified and categorized our target audience into two distinct groups: international students and parents concerned about their children. We assigned these target audiences to different team members and conducted user interviews to assess their interest in the services we offered and to understand their expectations.
Findings
01
Users expressed a strong desire to trust the website and have confidence in the reliability of the mentors.
02
Users sought clear and transparent information about the activities involved in the mentoring sessions and what outcomes to expect.
03
Many individuals appeared to wrestle with emotional and mental challenges but lacked guidance on how to address them effectively.
04
Some users indicated a lack of motivation to pursue therapy due to time constraints or difficulty accessing resources.
05
Personas
06
UX THEME
After analyzing our personas, we envisioned the desired ambiance for the website. Upon entering the website, we aimed for users to perceive it as a safe space where they could openly discuss their mental health and also have confidence in its trustworthiness.
"A trustworthy, helpful, and welcoming mental health mentoring experience that assists users in enhancing their mental and social well-being."
07
Information Architecture
Site Map
Designing the site map required careful planning. We introduced new navigation methods and neatly separated the information for different user groups, ensuring users could easily locate what they needed on the website. To determine the best way to group our content, we conducted card sorting exercises.
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_51ddfb09d36f479c86fd9388340b50a5~mv2.jpg/v1/fill/w_697,h_244,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
![image_edited.jpg](https://static.wixstatic.com/media/a6e7f4_5a53350010bd45b18f8111253c48c90d~mv2.jpg/v1/fill/w_698,h_294,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/image_edited.jpg)
08
User Journey and User Flow
For our project's purpose, we concentrated on a single persona: Martha, a concerned parent who had observed her child's recent struggles. When developing the user journey and user flow, we traced Martha's actions to gain insights into how potential users might navigate the website.
![Screenshot (131)_edited.jpg](https://static.wixstatic.com/media/a6e7f4_a31088ee50a3439fa5d19f8d76297cf8~mv2.jpg/v1/fill/w_779,h_436,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Screenshot%20(131)_edited.jpg)
![Screenshot (132)_edited.jpg](https://static.wixstatic.com/media/a6e7f4_15b975496fe346418bb0d03047cc069d~mv2.jpg/v1/fill/w_779,h_436,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Screenshot%20(132)_edited.jpg)
09
Low Fidelity Wireframes
The low-fidelity wireframes were crafted with both our users and the client's preferences in mind. Some of the content and designs on the website were off-limits for changes, as per the client's request. Therefore, we had to adapt our strategy and work around these constraints.
![image.png](https://static.wixstatic.com/media/a6e7f4_0a96dd4693c941c592a017d5e06ae054~mv2.png/v1/fill/w_375,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image.png)
![Homepage low-fi.png](https://static.wixstatic.com/media/a6e7f4_b9eab08e8e7241e2b36b8fbf8d7ff591~mv2.png/v1/fill/w_381,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Homepage%20low-fi.png)
![image.png](https://static.wixstatic.com/media/a6e7f4_b6d19ea73bda46a5971ae6da25fa232a~mv2.png/v1/fill/w_354,h_580,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image.png)
![Blog detail LoFi.png](https://static.wixstatic.com/media/a6e7f4_e96d74c5bb9c45cc80cb46e8a3e39a1d~mv2.png/v1/fill/w_389,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Blog%20detail%20LoFi.png)
![image.png](https://static.wixstatic.com/media/a6e7f4_e215fa0d8b414f30a7a76bb91170067f~mv2.png/v1/fill/w_390,h_530,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/image.png)
We aimed for a minimal and aesthetic design so that users feel calm when entering the website and not overwhelmed.
![Home Hi-Fi.png](https://static.wixstatic.com/media/a6e7f4_eb3f3c9944a44d948fa437dcd58a4d0c~mv2.png/v1/fill/w_437,h_683,al_c,lg_1,q_85,enc_auto/Home%20Hi-Fi.png)
And Finally,
High Fidelity Wireframes
We opted to include two CTAs on the homepage, allowing users to directly book a free consultation or take the assessment to identify their issues.
The testimonials featured on the homepage have the potential to boost trust and reliability in the website.
Additionally, we categorized the website's content to help potential users easily navigate to their desired sections.
For the users to identify their problem more clearly and for our client to understand the users we recommended taking an assessment.
![Q2.png](https://static.wixstatic.com/media/a6e7f4_49f446a03123457d9602b8585adeffdf~mv2.png/v1/fill/w_600,h_318,al_c,q_85,enc_auto/Q2.png)
![Q8.png](https://static.wixstatic.com/media/a6e7f4_d42460275ec84e379c05513adc4a371f~mv2.png/v1/fill/w_429,h_305,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Q8.png)
We curated content tailored to each category of the target audience. Since the sessions and information needed by guardians differ from other groups, we recommended creating separate pages for each category to provide all the relevant information.
![For Adults Hi-Fi.png](https://static.wixstatic.com/media/a6e7f4_cc3addd0cf904ee7bb1ebe45cc944c9e~mv2.png/v1/fill/w_408,h_669,al_c,lg_1,q_85,enc_auto/For%20Adults%20Hi-Fi.png)
![Blog detail HiFi.png](https://static.wixstatic.com/media/a6e7f4_64a8589553ad445ba748dbf7d8f9f291~mv2.png/v1/fill/w_440,h_600,al_c,q_85,enc_auto/Blog%20detail%20HiFi.png)
![Q9.png](https://static.wixstatic.com/media/a6e7f4_7b9d2d12385e4b8c864050e960fc5d36~mv2.png/v1/fill/w_429,h_305,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Q9.png)
![About Mentoring Hi-Fi.png](https://static.wixstatic.com/media/a6e7f4_075ba8b61c4e49a794c48c9135975ffa~mv2.png/v1/fill/w_441,h_600,al_c,q_85,enc_auto/About%20Mentoring%20Hi-Fi.png)
We proposed creating a dedicated page for blogs and articles with backlinks. This approach would not only boost website traffic but also enhance the website's credibility.
![Blog HiFi.png](https://static.wixstatic.com/media/a6e7f4_d798ae8b7a20435d8a63995b6fdbee0a~mv2.png/v1/fill/w_420,h_600,al_c,q_85,enc_auto/Blog%20HiFi.png)
Reflections
It's all about collaboration
Our team comprised members from diverse backgrounds. Despite facing challenges and differences of opinion, we effectively resolved issues and provided support when any team member felt overwhelmed. Our favorite moments were the brainstorming sessions during which we crafted strategies, and our collaborative efforts were evident in the final presentation.
Improved interactive strategy
While we implemented an assessment as our interactive strategy, we felt that we could have gone further by incorporating advanced features that would encourage greater user interaction and engagement.
Meeting deadlines
One of the challenges we encountered was adhering to strict deadlines and consistently updating the client on our progress.