Screenshot 2020-09-01 at 11.30.40.png

Remodeling an Interface - App Improvement for Soma Analytics

Remodeling an Interface - App Improvement for Soma Analytics

 THE CONTEXT

Soma Analytics is a startup created by 3 students who combined their skills (Computer Science, Psychology and Business) to help people suffering from depression and burnout. Kelaa is the name of their app. I was the Lead Designer for the startup for 2 years until Oct 2018.

Illustrations of the 3 founders I made for internal use.

Illustrations of the 3 founders I made for internal use.

When I first started, I performed an experience evaluation of their service and conducted initial user interviews to better understand the product and narrow down what could be improved.

The findings:

The existing Landing Page of Kelaa app.

The existing Landing Page of Kelaa app.

  • An app originally built for small testing groups

  • Unclear interface structure

  • Bland visuals

  • Confusing use of colour

  • Overall lack of immersion

 

“I don’t know where I am and where I’m going.”

A user

 

The Task

Based on the findings, I listed and presented my goals to the team:

  • Redesign the landing page and the surrounding structure

  • Create more engaging visuals

  • Design an immersive and easy to navigate experience

  • Take it from test app to live app

 

Back to the Essentials

Screenshot 2020-09-01 at 11.30.40.png

THE MODEL OF STRESS

According to the Lead Psychologist, the first core idea behind Kelaa is that ‘stress is an imbalance between demands and resources.’

Kelaa’s mission is therefore to provide people with the tools to rebalance their life.

 

THE MODEL OF MENTAL RESILIENCE

Screenshot 2020-09-01 at 11.34.37.png

This is the second model upon which Kelaa is based.

When someone experiences stress, there are different stages. To be useful and relevant, Kelaa must help people at any stage.

 

Analogies

Analogies will help structure the new Kelaa interface. I picked 2 analogies: The book structure and the step by step approach of a good navigation tool.

Screenshot 2020-09-01 at 13.36.44.png
 

Sketching Out Interface Ideas

Here are workshops’ outcomes with the team which I facilitated to help define the new Kelaa interface structure

Screenshot 2020-09-01 at 13.42.05.png
Screenshot 2020-09-01 at 13.42.16.png
 

The Proposed Landing Page

0 2.gif

A navigation tool enables you to:

  1. See your current position

  2. See your destination

  3. See the steps towards it

  4. Mark your favourite sessions along the way

  5. During a stressful moment, pause at anytime to find your emergency toolbox

 
8 2.gif

A book has:

  1. A table of contents

  2. Chapters

  3. A conclusion

 

Contextualising the landing page

iOS Version

iOS Version

Android version

Android version

The New Landing Page

Old landing page

Old landing page

New landing page

New landing page