One Hub

Neelufaagr
4 min readSep 20, 2021

--

App Idea

What exactly does physical or mental ‘wellbeing’ mean, and what does it feel like?

Physical and Mental Wellbeing have long been associated with Yoga and Health facilities. Traditionally, these focused on rehabilitation and treatment of illnesses, and were in most cases prescribed by a doctor. However, this view was widened by the emergence of the idea of “wellness,” as an expression of the interrelationship between Health, Money, Career, Social, Love, Personal Growth, Spirituality, Etc. . In other words, it is a combination of overall wellbeing of a Human.

Each dimension of wellness can affect our overall quality of life, because wellness directly relates to how long we live (longevity) and how well we live (quality of life).

To develop an understanding of in what areas people Suffer in their life there is The wellness wheel which makes it easy for individuals to identify areas of their lives in which they are thriving, as well as those in which they are struggling by encouraging them to reflect on each of the dimensions of wellness. There are 8 dimensions of wellness that make up the wheel

Person can evaluate their well being in each area by answering Some related questions and answer them in points based on Likert scale 1–10. If a person answers 1 to the question the problem is worse and 10 means He/she is doing well that area.

This Exercise became the basics of application “One Hub”.

Information Architecture

Information architecture (IA) focuses on organizing, structuring, and labelling content in an effective and sustainable way. The goal is to help users find information and complete tasks. To do this, you need to understand how the pieces fit together to create the larger picture, how items relate to each other within the system.

Specifications and Wireframe

In One Hub users actions can be divided into 5 flows. First of them Signing in the application. Second- Users can access the information for from homepage and can discovery what more in life. Third- Answering questions of Wheel and accessing the result. Fourth- Tools, where user can work on particular area or on multiple zone. Fifth- User Profile and editing of data.

Based on the sketches and user flows, I began generating wireframes on my computer. I referred to Google as well as design conventions in other applications throughout the wireframing process.

UI Kit

This UI Kit was developed specially for One Hub with modern trends of User Interface. The UI Kit then used to create the brand style that would influence the UI design. Following that, I applied this visual design direction to the current wireframes, resulting in high-fidelity UI designs.

User Interface Design

Solutions

  • Login Process to Enter in the app.
  • The onboarding flow’s purpose is to gather information about the users’ interests so that it may be truly personalized to their needs.

Home Page

  • Users can use the search page to look for information. A user can manually type in a search field or explore the information recommended. Books, podcasts, articles, Life Events etc are included in each block. Filtering through the results is also an option.

Wheel

The wellness wheel makes it easy for individuals to identify areas of their lives in which they are thriving, as well as those in which they are struggling by encouraging them to reflect on each of the dimensions of wellness by answering certain questions.

Result Page

Structured result page showing the areas users needs to work in.

Creating New Target

User can tap on wheel screen then tap on menu button where user can Create a new target.

Tools

Browse through a library of various podcasts, songs, books, and much more refreshed periodically.

Result Page

Immerse yourself in meditation sessions.

Options of online therapy sessions with volunteer counsellors.

Art therapy to inspire you.

--

--