Serene
Target Audience, User Flow, Style Tile, High Fidelity Wireframes
This collaborative project was a demonstration of my 4 years of IT studies, Using web development to create a mental health website. I was also able to use my skills in UX/UI to create a cohesive plan and approach to designing the site.
Overseen by
Josh Olsen
Collaborated with
Shannon- Loh
Year
2021
![Home page.png](https://static.wixstatic.com/media/5e66dc_28dc9f8560df4e70ae14460a33288a5c~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_28dc9f8560df4e70ae14460a33288a5c~mv2.png)
![](https://static.wixstatic.com/media/5e66dc_d6af9980cb1d41cd9ee31cdd840dee82~mv2.png/v1/fill/w_425,h_74,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_d6af9980cb1d41cd9ee31cdd840dee82~mv2.png)
![](https://static.wixstatic.com/media/5e66dc_eb260c94cb754c77af9a46844a17fbdff000.jpg/v1/fill/w_745,h_419,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_eb260c94cb754c77af9a46844a17fbdff000.jpg)
Relax
Illustrated and animated by Shannon-Loh
![](https://static.wixstatic.com/media/5e66dc_a2ed7e3862d74b5bbaff5e2c1d917dc2f000.jpg/v1/fill/w_745,h_419,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_a2ed7e3862d74b5bbaff5e2c1d917dc2f000.jpg)
Learn
Illustrated and animated by Shannon-Loh
![](https://static.wixstatic.com/media/5e66dc_c0f13bc48ce54ecd99624d172b2dedeff000.jpg/v1/fill/w_745,h_419,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_c0f13bc48ce54ecd99624d172b2dedeff000.jpg)
Get in touch with yourself
Illustrated and animated by Shannon-Loh
Goal
To create a mental health platform that combines mediation, journaling, information and a support system
Target Audience
According to the Journal of Abnormal Psychology, depression rates amongst young adults are rising at a much faster race than any other demographic.1 After 8 years of conducting research and collecting data from more than 600, 000 it was found that particularly people in their early 20s stop participating in leisurely activities and generally lose interest in life, especially compared to the same age group 10 years ago. No other age group has a depression rate over 10%. This is often found amongst college students, which is why we’re trying to appeal mostly towards late highschool/ college aged students, seeing as this is the moment in their lives when they’re most likely to experience depression. Our aim is for the website to be used like exercise, constantly working at your mental health and mindfulness to prevent any early onset symptoms. However, we will provide a support feature in case anyone’s mental health state is beyond mindfulness exercises.
Flowchart
![](https://static.wixstatic.com/media/5e66dc_86fdad0662914b4882f750bbed490267~mv2.jpg/v1/fill/w_390,h_296,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_86fdad0662914b4882f750bbed490267~mv2.jpg)
Style Tile
![](https://static.wixstatic.com/media/5e66dc_c086720541eb4ed2bcbc99e14ca7645a~mv2.jpg/v1/fill/w_421,h_288,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/5e66dc_c086720541eb4ed2bcbc99e14ca7645a~mv2.jpg)
![](https://static.wixstatic.com/media/5e66dc_1e2d5a08d9ac43beb8db7008a3845e14~mv2.gif/v1/fill/w_978,h_550,al_c,usm_0.66_1.00_0.01,pstr/5e66dc_1e2d5a08d9ac43beb8db7008a3845e14~mv2.gif)