Parenting Guide Hub Website
Context
This is a personal design project, that I worked on before and during my masters program at HvA.
It is a website for new moms to have access to information and support, needed in their child's first years.
The target group for this project are new expat moms in Europe. (All ages)
Final Outputs
Here are the high-fidelity wireframes of the product. It is the current version after carrying out three (3) iterations, based on insights gathered from user tests and carrying out a web accessibility test.
To interact with the prototype, click on the "Prototype" header at the bottom of this page.
User interacts with this landing page upon first visit to the website.
Why was this page made?
To give the user a hint of what the website is about and what to expect upon further interaction with the website.
User has access to useful information via the homepage.
Why was this page made?
To give the user more in-depth understanding of what the website is about - E.g the "Learn More" CTA button.
Also, gives the user access to the most important information after signing up / logging into the website.
User can read more about the website on this page.
Why was this page made?
To give the user an overview of what to expect on the website and what it is about.
User can join one of the community groups. With a prompt for the user to join the same birth-month as her child.
This fosters a more personal support group for the new mom.
Why was this page made?
To give the user access to a community space. This is based on the recurrent insights from the initial user research I conducted at the start of this project.
User has access to step-by-step information. With audio and save page functionalities.
Why was this page made?
To give the user detailed information on their search words on the website. With audio functionality for reading, and save functionality - to save the information to read again at a later time.
User has access to nearby healthcare facilities.
This is useful for her as a first-time mom that has no prior knowledge of this.
Why was this page made?
To give the user suggestions on nearby Circumcision centers, Midwifery agencies, and Hospitals. Using the user's location for more accurate information.
This is based on the insight from the initial user research I conducted at the start of this project. And the user testing, after the first mock-up designs were made.
Design Process
Empathize
User Research (Surveys)
Drawing of Insights
Define
Personas
Problem statements
User journey maps
Sitemap
Competitive Audit
Ideate
Sketches (Crazy 8)
Paper wireframes
Prototype
Digital wireframes
Low-fidelity prototype
Usability studies
Develop Case Study
Use Case
Test
Website Redesign (Iteration 1)
Usability Test
Test Insights
Insight Mapping (Priority vs Impact)
Website Iteration 2
Project Overview
Project Goal
The Parenting Guide Hub is designed for first time parents to provide all the information they need to care for their child/children.
Also, to give support to the new moms, by providing a community platform for them to interact with other new moms.
What Users Think
To get insight to the pain points of new moms, I sent out a surveys to 6 women, most of which were moms who have relocated abroad.
Usability Test Insights
To test the accessibility of moms (Colour contrast; ease of use; easy understanding of information) while interacting with the design.
I conducted an unmoderated usability test with 4 new moms.
What's next?
Further iterate on the user experience based on the usability test insights gathered.
Improve the U.I designs of the website.
Design tablet and mobile user interfaces for the new design to be responsive (adaptable to other devices).
A 2nd Usability Test with users - 5-10 participants (New expat moms - In Europe).
Client
Google UX Design Professional Certification Project
Project duration
1 year
Impact of the project
Most moms I mentioned this project to (including test participants) finds this platform useful and are enthusiastic about interacting with the website when it is launched.
Case study
Click here for full details on this project and the documentation of my design process.