top of page
Expect the extraordinary
Expect the extraordinary
Design process
Analysing the problem
User Review Analysis
User Survey
Live interviews
Pain points
Competitor analysis
Heuristic Evaluation
Pain points
Empathy maps
Customer Journey Map
Personas
Name: Audre mist
Age: 14
Student Middle School.
The coming of age
About: Audre is a teenager who recently started menstruating and is quite foreign to this realm.
Goals: Wants reminders for her cycles.
Want to explore herself and be more aware of her body.
Characteristics: finds it hard to discover pages on local news networks. calendar does not sync with other devices and is hard to access. requires the cloud to sync storage between all devices. Needs to find saved posts quickly to brush up on important information before meetings
Frustrations: Loses track of time and doesn't remember her cycles, so isn’t prepared.
Doesn't know much about this process and doesn't have many sources to ask for advice.
Current Information architecture
Card Sorting
New Information Architecture
work
Lofi wireframes
Mockups
Colour Palette
Font
Final
Home page
The homepage is designed to provide maximum information and functionality while not being too confusing.
Search and profile buttons on top
The quick info bar on the top gives a daily update, can press the plus icon to get more information
The central information circle shows important information graphically
Add button allows users to quickly add daily information.
Quick access buttons on the bottom
Bottom menu to navigate between the four main pages.
Questions page
The questions page is a place where users can ask doubts and questions to other members of the community.
The top solution is shown depending on user upvotes
You can view other answers by clicking the more button
Users also have the option to upvote questions and answers that they think is helpfull
Polls page
The polls page is a place where users can post a question whit multiple options and get community feedback on it.
This acts as a place where people can get an answer from the wider population.
Polls can be commented on and upvoted as well as answered by every community member
Tips page
The tips page is a place where people can share tips and tricks that they have found.
Tips can be upvoted and commented on,
Notifications page
The notifications page shows all the notifications that require action by the user.
you can dismiss notifications by swiping right
notficatons that has an actionable element has a next button along with it.
Quick Input
The quick input page is accessed by clicking on the plus icon on the home screen.
It acts as a place where the user can input daily informational readings
It also provides access to other frequently used functions like adding a note reminder or a symptom
A short randomized hint is usually found on the bottom of pages to educate users on any hidden functionalities
Calender
The calendar page gives an overview of all the important dates and reminders in a month.
The month can be changed by the top slider
More information on important dates are shown by clicking on the date
Quick access to other features is also present here
A short randomized hint is usually found on the bottom of pages to educate users on any hidden functionalities
Settings page
The settings page is accessed from the home page or the profile menu
It provides all the available options and controls in one location
most tabs are dropdown systems
Onboarding process
The onboarding process is quick and simple, it shows the finalities of buttons and a short description of them.
A short randomized hint is usually found on the bottom of pages to educate users on any hidden functionalities
You can retake the onboarding procedure from the setting
Graphs page
The grips page gives the user information on multiple different health categories in a visual manner that is easy to understand.
It can show BMI, water weight, and other graphs.
It can be expanded by clicking the more button
bottom of page