![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/c6fcee74-9203-4cba-b392-e12928a7dae4_rw_3840.jpg?h=55c3740e86e5b5073f233ef0a51f3aa7)
Thrive
UI/ UX │Mobile App
Thrive is a UI/UX based project that serves as a tool for users with anxiety and other mental health struggles. The main function of the app was guided "walk-throughs" to lead users through tough moments through various calming and distraction techniques. Alongside the walk through feature, the app also allows user to log their mood in a calendar, take private notes in a digital journal, chat with other users in a forum and edit their own profile.
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/7e045604-d316-45d5-930c-139429a95c97_rw_3840.jpg?h=094ede5842152339002191bf4a1c0ade)
When beginning to design this app, I was encouraged to reach beyond my own perspective and gather the opinions and experiences of others. I reached out to people on Facebook support groups in order to get their anonymous opinions on what features they would enjoy most on an app made to support mental health. I considered asking about things like colors, names, and topics that people would value most, and took these suggestions into consideration.
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/0aa748a9-b872-4d00-8a90-a8f22c7962d0_rw_3840.png?h=10a18ef4c70ef04f693ab45949d8500a)
I then began to think about the desired user experience and drafted a flow chart as a precursor to designing the app. The flow was for the main function I would be highlighting with the app which was an anxiety "walk-through".
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/9752c978-f674-4c36-89c9-15d934d32f2a_rw_1920.jpg?h=43b04faf57ff719e74ef3253cf75b580)
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/905d1dac-134b-4bdb-9c90-30f2d5e091ac_rw_3840.jpg?h=ff1e20678f2b64b3e0209ddd06c747a0)
I then used my user flow chart to create "Thrive" in both low fidelity and high fidelity wireframes through a series of sketches and eventually using Adobe XD.
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/def3d16d-c419-452a-af4b-6d70b6be474d_rw_3840.png?h=31f2db64ca112d15b17d0c8a7bbbf72c)
The final branding sheet for Thrive can be seen below. The name came from a suggestion from a user who filled out the google form and their explanation for it stuck with me. "Thrive- because just living ain’t living." I wrote out a goal statement for Thrive to drive the designs and also chose a cool toned color palette to be incorporated throughout my final prototype, a color scheme that was most voted as promoting a calming presence. The logo for Thrive is a hand that also has a hidden heart within the palm, representing the helping-hand aspect of the app when it walks users through difficult moments.
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/2d83667a-f146-49af-94c4-d229ba493f06_rw_1920.png?h=4552a071de5a6ca6dbf4a71aaa239360)
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/c442662b-ccd6-4374-b51b-4232a6702d80_rw_3840.jpg?h=b2b0c91e76e8e572b99f71d92252308f)
![](https://cdn.myportfolio.com/b50e0628-5fd9-4ab7-85db-c0fbb07988aa/285aac57-d5cc-4ce5-a35b-ec59cf5a30f9_rw_3840.png?h=1e182d9c4bef40c27977a7ba3c31e061)
The walk-through portion of the app is an interactive and guided chat which allows the user to feel like they have someone there to help them through a tough moment. Some of the exercises include the 5-Step sensory activity and guided breathing meditations. Users can customize their most used walk-throughs to appear on the very first screen of the application upon logging in for quick access. The rest of the features can be seen below.