top of page

UI/UX

p5.js

Information Design

Branding

Rant! And Feel Better

2020

Rant! And Feel Better

Logo-01.png

“Rant! And Feel Better” is a Ranting platform that allows users to rant their pent up unhappiness in hopes to feel better.

 

It is an app that allows users to tap into community effort for support, where each user would help each other through thoughts and advices. At the same time, users anonymity is kept private to provide a safe space for people to share.

 

Ultimately in hopes to vent out unhappiness to feel better again.

Problem

Studying the World Happiness Report, I was challenged with the task of translating the data visually and also to come up with an app for it.

Upon taking up the report, I compared the different values measured across all the countries and wondered if there was a correlation between Happiness and Social Support. If more Support would bring out more Happiness in us. And it turned out that in a general trend, it does! In addition to that, with increased happiness so does our health. So it’s definitely important for people to understand this and also garner more social support.

So what makes us happy?

Data sketch.png

Data Investigation

Below is a visualisation of the data to better study their correlation. Try scrolling the sliders to interact with the data.

Below is a visualisation of the data to better study their correlation. 

Done in p5.js - Javascript

World Happiness Index.png

Hence I figured that what if we could have a platform for people to come together and support each other? A social get together app? Or some form of a platform where people can contribute to a greater cause.

Best viewed on Desktop
Try the infographic

Initial Solutions

App names bnw.png

As the project was done during a pandemic, there were other concerns in the background as well, such as trying out best to not promote physical gathering, but instead to get over the hurdle of getting people together in other ways.

And in the end, I settled with a ‘Ranting’ Platform, where people could vent their frustrations, sadness, and anger to feel better. And in the times of Covid, it could not be more relevant where people are mostly at home and unable to connect with others well. 

 

Apart from the participants ranting their own stories also listen to other stories from other people and to provide support if they are ready to.

Prototyping: Wireframing

Wireframe of key pages

Login

Wireframe-04.png

1

2

3

Wireframe-05.png

4

5

Information

Wireframe-06.png

6

7

Information

Rant

Wireframe-07.png

8

9

Account

Wireframe-08.png

10

11

12

13

Feedback

Wireframe-09.png

14

15

Key Functions

Looked into the features to be included and here are some of the functions considered:

Main Functions:

Post Rants

Rant Feed

Revisiting personal Rants

Supplementary Information:

Infographics and Data page

Finding Professional Help

Login

Information

1

Logo of the app

2

Login Button

6

Tab buttons to allow the toggling between the different graphs on the Happiness Report

3

Sign Up Botton

7

As the user scrolls downwards they are led to the next Call to Action to the main function of the app

4

Cross button to return to user original state

Rant

5

Username and password are filled in in these fields

8

Rant Button, which allows users to post their Rants into the feed

9

Comment and Like buttons to allow users to support each other

Account

10

Edit profile function 

11

Button to enable users to view past rant 

12

Curated playlist of different moods to allow users to relax

13

Chatbot and additional helpline button

Feedback

14

Feedback button to send the developers found issues on the app

15

Buttons leading to various helpline and user support

Prototyping: Adobe XD & Invision

Product-02.png

Check out the prototype in XD

bottom of page