top of page
colorful-overloaded-bullet-journal.jpg
up logo-07.png

Empower Your Mind
Elevate Your Life –
Self-Care, On Your Terms.

01

Project overview

(January 1st – March 20th 2024)

Up - A self healing journal is my thesis project, and the app and website was developed as an extension of this outcome. After developing an app and website, for the next two projects it only seemed fitting to bring to life my thesis project in the form of a digital app and website in order to extend it further than just a book.

Problem

The product should create a seamless, motivating experience that empowers users to explore self-care, emotional growth, and stress relief in a positive, accessible way.

Goal

The goal is to create an engaging and supportive space where users of all ages can benefit from stress relief and emotional support, making therapy feel approachable and enjoyable through playful interactions tailored to various needs and preferences.

02

Design Process

0-26.png
/01

Define

Understanding products and goals

0-26.png
/02

Discovery

Analysis & research, persona, User flow

0-26.png
/03

Design

Wireframes & prototype, testing

0-26.png
/04

Deliver

UI design, High fidelity prototypes

Image0001 (1).png

03

Typography and Colours

Lemonade Stand

Time Burner

Bold

Regular

Glacial Indifference 

Bold

Regular

Lemonade Stand was a font I came across by chance while searching for the perfect font to complete the logo. Playful, giving the feel of a doodle, this font was perfect to use in the logo for a project for a self help journal

The text used for all the headings (H2) is a very elegant font called Time burner. This font gives the feel of being curvy and playful even without being a serif font which is why I picked it

The body text for the app is Glacial Indifference, a  Sans-serif font that I used to give the interface a clean finish and easy visibility.

Primary colour

#031B24

Secondary colour

#FF8100

Background

#FFFFFF

up logo-07.png
Schedule

04

User research

Qualitative analysis

User persona

Problem statement

User journey map

summary

To understand user frustration, needs, and preferences, I conducted interviews and surveys for my project. The goal is to create an accessible, user-centered experience that encourages positive mental health and emotional well-being, catering to users of various age groups and needs. The platform should be intuitive, inviting, and support users in feeling empowered and uplifted through personalized activities and progress tracking.

Pain points

Therapy, while a tried and tested method might not always be the best option for the user. The user might start relying on it as a crutch, and will not feel motivated to overcome their mental health on their own. The app often focus on building self-reliant coping mechanisms and fostering self-compassion, helping users feel empowered to manage their mental health independently and gain confidence in their own resilience.

A lot of people do not have the time to schedule lengthy face-to-face appointments with therapists due to their hectic life. An app will allows users to engage in therapeutic activities at their own pace and schedule, making it ideal for people with hectic lifestyles who may find it hard to commit to regular therapy appointments.

Lack of a supportive home environment could often result in the person not getting the help they need, but an app could provide a discreet, self-guided experience that can be used without the need to involve others, ensuring a safe space for self-growth.

A huge lack of the sense of community is present in cases of finding help with an individual therapist. The app offers community forums or support groups where users can connect anonymously with others experiencing similar struggles, helping to build a sense of support even when family or friends may not be available or understanding.

User persona (click picture to view in full screen)

phone_screen_mockup.png
open-blank-notebook-with-orange-flowers-arranged-green-background_87646-47025.jpg

05

User flow

USER FLOW up a self healing app.jpg

The following is an outline of the user flow taken by a person who wants to complete the task of going through an activity for the week on the app/website.

06

Prototype frames

Sign In

01/

Loading screen 1.jpg
Loading screen 3.jpg

Menu

02/

hamburger menu 1.jpg
hamburger menu 2.jpg

Mood tracker

03/

Mood tracker 1.jpg
Mood tracker happy 1.jpg

Activity corner

04/

activity corner.jpg

Recipe

05/

Recipe 1.jpg
Recipe 2.jpg

Get to yourself

06/

get to know you 2.jpg
get to know you 1.jpg

Origami

07/

origami 1.jpg
origami 2.jpg

Profile

08/

profile.jpg
edit profile.jpg

Strut your stuff

09/

strut your stuff 1.jpg
post page 1.jpg
post page 2.jpg
post page 3.jpg

Weekend log

010/

Activity log 1.jpg

Safe space

011/

My safe space 3.jpg

Spotlight

012/

Spotlight 3.jpg

Progress tracker

013/

progress page.jpg

High fidelity screens for website

Digital Devices Mockup Vol 4 Freebies.png

07

High fidelity prototype

Support

rt at

your FIN

NGERTIPS

MacBook Pro Workspace Mockup.png
  • LinkedIn
  • Instagram
  • Behance

© 2024 by Shruti Karthik.

bottom of page