Hope House
An anonymous platform for adolescents to ask questions safely.
ABOUT THE PROJECT
Adolescence is the time of life where young adults as we call them have a lot of questions but due to multiple issues they are not able to find the medium to ask and discuss these queries they have. Building a system where they can browse through doubts from people around their page and get them answered by medical professionals who are trained to help them out. The application would also be a source of information for people in adolescence they can use it as a general place to just drop in and learn stuff.
PROBLEM STATEMENT
Giving the adolescents of this country a place to ask questions to get the answers from professionals and also providing them with a feed of information on a daily basis.
BUILDING A DESIGN SYSTEM
The colours were kept two things in mind. Keep it simple and calm. These are people who are here to calm themselves down and ask doubts. Giving them a friendly environment with colours and fonts with a sense of welcoming was key.
GENERAL COLOURS
THEME COLOURS
FONT FAMILY
PRE DESIGN PLANNING
There are multiple features and their user flows were planned with the details to be added on each step also marked on the diagram. Marking actions in blue, features in pink and success states in green for the users.
USER JOURNEY
The application had two major features which the user can navigate to and then access its sub-features. The features being:-
Posts
This is the place people can jump in to get information about topics that would be interesting to the people around their tinder-like feed with a new post every day. A simple calendar-like UI to see posts from each day is possible as well.Doubts
This is the place where they spark their curiosity and ask doubts. It is also a centre of knowledge as they can see questions asked by other users as well.
APPLICATION FLOW PLAN
The application was given a very simple flow of navigating between two main feature sets from the bottom bar.
This was drafted out in flow charts for us to understand what needs to be done in clarity before moving onto design screens.
Marking out navigation on the top level was done but it was also accompanied with flows for navigation inside the main features for sub-features.
DESIGN SCREENS
The application was made with the clear goal of giving the user clear navigation around the application with clear click actions for the user to be able to move around the application simply. Keeping a separate theme for doubts and posts was very important for the user to understand they learn at one place and they can ask whatever they want in the other.
