html5 bootstrap template


PROJECT DETAIL

CORPORATE WELLBEING focuses on the wellness and wellbeing of the employees working in a corporate environment.

According to the UK survey and trends it is said that the health and sickness of employee indirectly effects the income of the company. If the employee is healthy the productivity of the company is increases.

WELLBEING NETWORK aims at providing the organisations with a multi-channel solution - a mobile application and a website which acts as a middle man between the companies and the employee.

It will allows them to monitor their staff’s health and wellbeing and provide usual information and programs to improve their wellbeing.


Solution

The purpose of the project is to provide a solution in form of a mobile and web application for corporate employees to live a healthy life within a corporate environment.

The product should meet both the business gand user needs folowing the latest design trends.


 

Introduction & Research

Corporate Wellbeing

The need to look after the employees’ wellbeing, organisations are offering solutions to their staff members. For example - British Petroleum has started “BP million steps” challenge for their employees to lead a healthy life.


Fitness App & Fitness Tracker

Mobile health (or mHealth) is the practice of medicine and healthcare that is supported by mobile devices such as phones and tablets.



Dr. Chris Brauer (Senior Lecturer at Goldsmiths College University of London) talks about impact on employee productivity and performance at a workplace. According to his research and surveys, it is said that:

"Users who used wearable device were more positive, healthy and more productive as compared to those who were without wearables."



User Research


PERSONAS

Based on the user research conducted, following personas were created. These personas played an important role in defining the features and funtionality of the product.



 

Low - fiedelity Wireframes (Sketches)


Early concepts were sketched out based on the requiremented collected.



 

DIGITAL WIREFRAMES


Once the sketches were approved by clients/stakeholders, they were then converted into detailed high fidelity wireframes.

These wireframes were then tested with users to gain feedback. Based on the feedback futher changes were made to the designs to achieve the desired products.



 

DETAIL SCREEN FLOW


The below image shows the deatils screen flow across the app.



 

Emotional mapping


The 2 graps below shows the emitions of a user befoew using the appl and afer using the app.

Before the product


After the product