Overview

A major project i did as my thesis. It is an app that helps university students with burnout by providing a way fo them to organize, keep track of their assignments, suggest what they can do to help them relax and so much more. The application aims to empower students to manage their academic and emotional well-being, fostering an environment where they can thrive without falling victim to burnout.

Overview

A major project i did as my thesis. It is an app that helps university students with burnout by providing a way fo them to organize, keep track of their assignments, suggest what they can do to help them relax and so much more. The application aims to empower students to manage their academic and emotional well-being, fostering an environment where they can thrive without falling victim to burnout.

Overview

A major project i did as my thesis. It is an app that helps university students with burnout by providing a way fo them to organize, keep track of their assignments, suggest what they can do to help them relax and so much more. The application aims to empower students to manage their academic and emotional well-being, fostering an environment where they can thrive without falling victim to burnout.

Research

Extensive research were conducted for the project including color styles, logos, fonts, and ui styles.

Research

Extensive research were conducted for the project including color styles, logos, fonts, and ui styles.

Research

Extensive research were conducted for the project including color styles, logos, fonts, and ui styles.

Flowchart

Upon completing the research, a user flowchart were designed in order to determine the path that the user can take while making the sure the flow is coherent.

Flowchart

Upon completing the research, a user flowchart were designed in order to determine the path that the user can take while making the sure the flow is coherent.

Flowchart

Upon completing the research, a user flowchart were designed in order to determine the path that the user can take while making the sure the flow is coherent.

High fidelity wireframe

High fidelity wireframe were created as a base in order to get a feel of the application. It is meant to show the layouts of the application and more importantly, the overall look of the application without using too much time.

High fidelity wireframe

High fidelity wireframe were created as a base in order to get a feel of the application. It is meant to show the layouts of the application and more importantly, the overall look of the application without using too much time.

High fidelity wireframe

High fidelity wireframe were created as a base in order to get a feel of the application. It is meant to show the layouts of the application and more importantly, the overall look of the application without using too much time.

Design

The last stage, the design stage. After finalizing the high fidelity wireframe, other details and design elements were implemented.

Design

The last stage, the design stage. After finalizing the high fidelity wireframe, other details and design elements were implemented.

Design

The last stage, the design stage. After finalizing the high fidelity wireframe, other details and design elements were implemented.

Mockup

The finishing touch

Mockup

The finishing touch

Mockup

The finishing touch