︎


What’s up?

Redesign UX  Prototyping  UI

“What’s Up?” is a free app that utylizes Cognitive Behavioural Therapy and ACT Acceptance Commitment Therapy methods to help coping with depression, anxiety, anger and stress.

My responsibilities: UX Research, UX Design, Information Architecture, Prototyping, Art Direction, Branding, Design System, UI Design.

︎︎︎Duration: 6 days
︎︎︎Solo project



The research


Research methods applied:
  • Secondary research
  • Competitor Analysis
  • Interviews

The research revealed that favourite features in Mental Health apps are Mood tracker, Mindfulness, Breathing Exercises and Journaling.


After interviewing some of my potential users I got clear feedback regarding the app - both UX and UI needed improvement.


Heuristic Anaylsis



After conducting heuristic analysis I was able to identify several problems that needed to be solved.

Problems with UX


  • No clear hierarchy within the app
  • Some exercises are impossible to complete (for example it is required to place a hand of the chest and breath and at the same time tap on the screen)
  • Relevant functions are missing such as such as Mood-tracker


Solving the problem: Hierarchy


I analysed information architecture of the existing App. Using the Card Sorting Method I decided to restructure the hierarchy of the App to make it easier to navigate through.


I connect overlapping content and created new sections on the landing page such as Exercise section and Read and learn section. After receiving feedback from my potential users I also added extra features such as Mood-tracker and a menu with AI Chatbot and Self-care section.

The restructured Information Architecture:



Since my potential users wanted to find their favourite exercises easily I placed them just below the Journal and Mood Tracker.

Problems with UI


  • Colour palette doesn’t suit the Mental-Health app — black and white colour palette creates a very depressive look
  • Icons don’t look modern
  • The app is not really user-friendly


New Branding


To make the app look more appealing I decided to do a rebranding. After interviewing potential users regarding their preferences I learned that they believe illustrations & colours give the apps more friendly look. Following the results of the research I chose new colour palette, typeface and created a series of illustrations and icons for my redesign.


Home Screen Redesign


As a result of my testing I decided to integrate the Mood Tracker feature. I created a pup-up which would remind the users everyday to track Their Mood and based on the way they are feeling sugessted for them suitable exercises. 


To make it easier for the users to come back to their favourite exercises I decided to make them easily accessible from the Home Screen.
Interviews & concept testing revealed that users would like to have an easily accessible AI Chat that would cheer them up, so I decided to integrate that feature as well.


Redesigning the Exercises


 When it comes to the Exercises, my initial focus was to enhance the user interface for a smoother experience. While testing the first prototype with users, I received valuable feedback suggestings that incorporating animations with soothing sounds could be beneficial, especially for those who prefer to do the exercises with their eyes closed.

After testing this concept with several users I decided to create an animation that guides users through the breathing exercises. This additional feature aims to enhance the overall experience and make the exercises even more enjoyable and relaxing.


The Outcome


Prototyping and testing generated positive feedback: Users expressed high engagement in the flow. You can see the final result here: