Parenting App and Responsive Website Case Study
My Roles
I'm a UX/UI designer taking part of all of the all process and steps.
My Responsibilities
- Research
- User Flow
- Persona Mapping
- Competitive Analysis
- User Journey Map
- Low-Fidelity Wireframes
- High-Fidelity Mockups
- Prototoyping
Project Overview
The Problem
Parents encounter various challenges in raising children and fulfilling their role as caregivers. They seek to connect with health professionals for information and answers to their questions in various situations. Additionally, they desire a reliable platform for interacting with other parents of the same age at any given moment.
The Goal
Assist parents in connecting with health professionals to receive support and guidance, and facilitate community building by allowing users to connect with other parents through the app and responsive website.
Understanding The User
User Research
I conducted a survey among parents to formulate interview questions. The majority of participants reported making efforts to comprehend the developmental stages of their children.
Many interviewers expressed difficulty in directly communicating with health professionals who do not necessitate a physical visit. They were unable to address their questions or concerns on a reliable platform.
Pain Points
Information
Parents are facing challenges in finding reliable and relevant information on parenting topics they are curious about.
Online Consulting
There is a need for a unified platform that provides sufficient space for communication with health experts across various categories.
User Personas
User Journey Map
Competitive Analysis
My goal is to identify my key competitors and review the products of my competitors and find their gaps in this competitive audit.
Starting The Design
Ideation
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit.
Information Architecture
I used the Parentbuddy sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Low Fidelity Wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the new parenting app. These designs focus on showing articles based on users interested in topics, reaching out to health experts, and interacting with other users in community groups.
Usability Study Parameters
Usability Study
UnmodaretedTime
20-30 MinutesRemote
USA, TurkeyParticipants
6 participantsUsability Study : Findings
I conducted an unmoderated usability study with 6 participants. Research goals are determining if users can complete core tasks and making sure the user flow is correct if the app has any pain points in the whole process of the task flow. These pain points below are items that users have determined.
Message page
Some users need to browse the experts’ messages and the community users' messages separately.Community Groups
Most users need to join community groups that align with their interests and passions.Appointment Button
Some users need an appointment button on the health experts card on the list page.
Refining The Design
High Fidelity Mockups
Responsive Variations
Design System
Typography
Colors
Icons
Components
Accessibility Considerations
01
The color scheme passed WebAIM WCAG norms.02
Used icons to help make navigation easier.03
Any user would be able to adjust font size.Going Forward
Takeaways
Impact
I hope this design eliminates the major pain points and creates a clear, intuitive, and understandable user experience.What I Learned
I learned that usability studies and participant's feedbacks influence each design iteration of the app.Next Steps
01
Conduct more usability research studies for potential pain points to improve.02
Conduct more user research to determine any new feature of the app.Prototype
Other Projects
Food Truck Delivery App Case Study
The Foodruck app for users to help discover food trucks and order street food in their city.