Intro
Intro
My Lil Boo is a responsive website designed to help help new parents build confidence as they care for their babies. By tracking daily habits and offering guidance on baby health and wellness topics, the platform supports parents through the early, often overwhelming stages of parenthood.
When a new baby is born, parents are faced with countless new responsibilities and decisions. The fear of missing something important—or making the wrong choice—can create significant stress. If a baby’s needs aren’t met, the consequences are quite serious.
This was how My Lil Boo was born.
Generated with AI
My Role
My Lil Boo is a responsive website designed to help help new parents build confidence as they care for their babies. By tracking daily habits and offering guidance on baby health and wellness topics, the platform supports parents through the early, often overwhelming stages of parenthood.
When a new baby is born, parents are faced with countless new responsibilities and decisions. The fear of missing something important—or making the wrong choice—can create significant stress. If a baby’s needs aren’t met, the consequences are quite serious.
This was how My Lil Boo was born.
Intro
Generated with AI
Project Overview
5 weeks
Through UX/UI Academy
Tools
Sketchbook and paper
Zoom and Maze
Figma
Resources
Sketchbook and paper
Zoom and Maze
Figma
End-to-End Design
Flows
Sketches
Wireframing
Prototyping
Mid-fidelity
Hi-Fidelity
Final product
Research
Competitive Analysis
Usability test scripts
User interviews
User testing
Analyzing feedback
Prioritizing features
My Role as a UX Designer
My Role
My Role as a UX Designer
Research: Competitive Analysis - Usability scripts - User interviews - User testing - Analyzing feedback - Prioritizing features
End-to-End Design: Flows - Sketches - Wireframing - Prototyping - Mid-fidelity - Hi-Fidelity - Final product
Project Overview
5 weeks
Through UX/UI Academy
Tools
Sketchbook and paper
Zoom and Maze
Figma
Resources
Group critiques
Mentor Feedback
Project Overview
5 weeks
Through UX/UI Academy
Tools
Sketchbook and paper
Zoom and Maze
Figma
Resources
Group critiques
Mentor Feedback
My Role as a UX Designer
Research: Competitive Analysis - Usability scripts - User interviews - User testing - Analyzing feedback - Prioritizing features
End-to-End Design: Flows - Sketches - Wireframing - Prototyping - Mid-fidelity - Hi-Fidelity - Final product
Research
Generated with AI
How Others Help Parents
I viewed four competitors: Baby Center, Huckleberry, Le Baby, and Sprout
Strengths
The use of guides
Simplistic layouts
Use of customizable trackers
Description of current month milestones
Habit analysis
Option to add multiple babies
Weaknesses
Certain apps included only trackers and no insights or guides, and vice versa
Missed opportunities when it came to using cute colors
I viewed four competitors: Baby Center, Huckleberry, Le Baby, and Sprout
Strengths
The use of guides
Simplistic layouts
Use of customizable trackers
Description of current month milestones
Habit analysis
Option to add multiple babies
Weaknesses
Certain apps included only trackers and no insights or guides, and vice versa
Missed opportunities when it came to using cute colors
Strengths
The use of guides
Simplistic layouts
Use of customizable trackers
Description of current month milestones
Habit analysis
Option to add multiple babies
Weaknesses
Certain apps included only trackers and no insights or guides, and vice versa
Missed opportunities when it came to using cute colors
How Others Help Parents
Generated with AI
Research
Generated with AI
I viewed four competitors: Baby Center, Huckleberry, Le Baby, and Sprout
Baby Stories Straight From the Source
I interviewed five parents of 12 months old or younger to better understand their needs and concerns.
The most significant takeaway was that parents’ primary focus is their child’s health and safety. This concern spans a wide range of issues, including illness, allergies, and whether their baby is developing at an appropriate rate.
Therefore it was of the upmost importance that parents have trusted healthcare providers and knowing when a concern is serious enough to contact a doctor. This insight highlighted the need for clear, reliable guidance that supports parents in making informed decisions without increasing anxiety.
Baby Stories Straight From the Source
I interviewed five parents of 12 months old or younger to better understand their needs and concerns.
The most significant takeaway was that parents’ primary focus is their child’s health and safety. This concern spans a wide range of issues, including illness, allergies, and whether their baby is developing at an appropriate rate.
Therefore it was of the upmost importance that parents have trusted healthcare providers and knowing when a concern is serious enough to contact a doctor. This insight highlighted the need for clear, reliable guidance that supports parents in making informed decisions without increasing anxiety.
Define
Healthy Babies, Happy Parents
The following features were prioritized:
Guides and articles to give parents quick access to reliable health and development information.
Customizable health and habit trackers so parents can track routines that matter most to them, such as feeding and sleep.
Health and habit analysis to help parents see patterns and better understand their baby’s progress.
Growth charts to clearly show physical development over time.
Milestone descriptions to explain what is typically expected at each stage of development.
Baby profile with photo to personalize the experience and help parents feel more connected to the app.
These features were chosen to support parents not only in recording data, but also in feeling informed and confident about their baby’s health and development.
What We Stand For, Tiny Edition
Family Focused
The main brand value of My Lil Boo is supporting couples as they build their family.
The logo reflects this value by showing a mother with her baby, symbolizing love, care, and connection.
Generated with AI
Education, focus on Health
The main goal of the website is to help new parents with health-related questions and concerns. It provides guides and articles, messages when parents should call the doctor, a way to track baby's vital signs, and a way to find a pediatrician nearby.
Reliability
Trust is very important, especially when the website is giving health-related information about babies. For this reason, the font needed to be clear and easy to read.
Quicksand was chosen because it is simple, legible, and friendly. It is also similar to fonts used in other baby tracking apps, which helps the site feel more familiar and trustworthy to users.
Inviting and Friendly
My Lil Boo was designed to feel friendly and welcoming. This is shown through the playful font and soft, inviting colors.
Two color versions were created:
A pink primary color for the girl version
A blue-green primary color for the boy version
Each version uses the other color as a secondary color, and both use white text fields for clarity and consistency. This keeps the design consistent across both versions while still allowing for personalization and strong brand recognition.
I made three main flows.
Sign Up Flow where users sign up for My Lil Boo and end at the homepage
Pediatrician Finder, where users would find and save a doctor.
Fever Flow users would use the temperature tracker
Three Parent Flows
Three Parent Flows
I made three main flows.
Sign Up Flow where users sign up for My Lil Boo and end at the homepage
Pediatrician Finder, where users would find and save a doctor.
Fever Flow users would use the temperature tracker
Design
Layouts Crafted for New Parents
With the feature set defined, I began sketching the layout for My Lil Boo. I started with low-fidelity paper sketches, shown in the slideshow, which allowed me to quickly explore ideas and structure. This phase became one of my favorite parts of the process, as it helped translate concepts into tangible layouts.
I then moved the sketches into Figma to create mid-fidelity designs, keeping the overall structure consistent while making targeted adjustments to improve clarity and flow.
With the feature set defined and flows set, I began sketching the layout for My Lil Boo. I started with low-fidelity paper sketches, shown in the slideshow, which allowed me to quickly explore ideas and structure. This phase became one of my favorite parts of the process, as it helped translate concepts into tangible layouts.
I then moved the sketches into Figma to create mid-fidelity designs, keeping the overall structure consistent while making targeted adjustments to improve clarity and flow.
Testing
Three Big Changes For Happier Parents
I conducted unmoderated usability testing using Maze to evaluate three primary flows: Sign Up, Pediatrician Finder, and Fever Tracking. Participants were also encouraged to explore the full responsive website and provide additional feedback.
The study included five parents—four mothers and one father. Overall feedback was highly positive, with a 100% task completion rate across all flows. Each task was completed in under two minutes, indicating that the experience was efficient and easy to navigate.
The most significant design changes, along with the rationale behind them, are outlined below.
Reducing Misclicks in Sign Up Flow
To reduce misclicks and improve clarity, I shortened the height of the sign-up and log-in screens, minimizing unnecessary scrolling and making the next action more obvious. This helped users move through the flow with greater confidence and fewer errors.
I also added the ability to add more than one baby during sign-up, better reflecting real user needs and reducing friction later in the experience.
Three Big Changes For Happier Parents
I conducted unmoderated usability testing using Maze to evaluate three primary flows: Sign Up, Pediatrician Finder, and Fever Tracking. Participants were also encouraged to explore the full responsive website and provide additional feedback.
The study included five parents—four mothers and one father. Overall feedback was highly positive, with a 100% task completion rate across all flows. Each task was completed in under two minutes, indicating that the experience was efficient and easy to navigate.
The most significant design changes, along with the rationale behind them, are outlined below.
Testing
Hamburger Menu
The second change focused on improving accessibility and usability within the hamburger menu. I increased the size of the menu icon and its buttons to make interactions easier and more accurate. This adjustment also reduced visual crowding, resulting in a cleaner and more approachable menu layout.
Baby's Vital Signs
I added dedicated screens for tracking a baby’s vital signs to reinforce the app’s focus on health and well-being. This ensured that health monitoring was a clear, central part of the experience rather than a secondary feature.
Final Product
Design Delight
“Everything looked great! I love this idea!”
“Looks nice.”
“I thought the website was really cute.”
Intuitive & Friendly
“The website was set up to be very user-friendly.”
“I think the layout was cute and easy to read and understand.”
Health-First Focus
Parents valued the emphasis on tracking habits and health information, especially the inclusion of actionable insights and guidance on when to contact a doctor.
Trusted Resource
Users felt confident using the site and expressed interest in recommending it to friends, reinforcing its usefulness and reliability.
Design Delight: Users loved the cute colors, playful icons, and customizable baby profiles—making the site feel approachable and fun.
Intuitive & Friendly: The layout was praised for being clear and easy to navigate, creating a smooth, stress-free experience.
Health First: Parents valued the focus on tracking habits and health information, with actionable insights and guidance on when to contact a doctor.
Trusted Resource: Users felt confident using the site and even wanted to recommend it to friends, highlighting its usefulness and reliability.
Conclusion
Like Parenting, Challenging but Rewarding
My first project came with many challenges, from small inconveniences to moments where I struggled to understand how certain elements were supposed to work. Despite this, the experience was incredibly rewarding, as it pushed me to grow as both a researcher and designer. Overcoming these obstacles made the final outcome feel even more meaningful.
I entered the project with preconceived notions of where it would lead, but early research—especially user interviews—helped me pivot. For instance, I realized the focus needed to shift more toward health than I had originally planned. Each step, even those that seemed unclear at first, ultimately provided insight and added depth to the project.
What made this project especially fulfilling was that it spoke to me personally. As a mother, I was motivated by the opportunity to help new parents care for their babies. This personal connection allowed me to pour effort, thought, and heart into the project, resulting in a product that feels purposeful and impactful.
My first project came with many challenges, from small inconveniences to moments where I struggled to understand how certain elements were supposed to work. Despite this, the experience was incredibly rewarding, as it pushed me to grow as both a researcher and designer. Overcoming these obstacles made the final outcome feel even more meaningful.
I entered the project with preconceived notions of where it would lead, but early research—especially user interviews—helped me pivot. For instance, I realized the focus needed to shift more toward health than I had originally planned. Each step, even those that seemed unclear at first, ultimately provided insight and added depth to the project.
What made this project especially fulfilling was that it spoke to me personally. As a mother, I was motivated by the opportunity to help new parents care for their babies. This personal connection allowed me to pour effort, thought, and heart into the project, resulting in a product that feels purposeful and impactful.
Like Parenting, Challenging but Rewarding
Conclusion
Layouts Crafted for New Parents
With the feature set defined and flows set, I began sketching the layout for My Lil Boo. I started with low-fidelity paper sketches, shown in the slideshow, which allowed me to quickly explore ideas and structure. This phase became one of my favorite parts of the process, as it helped translate concepts into tangible layouts.
I then moved the sketches into Figma to create mid-fidelity designs, keeping the overall structure consistent while making targeted adjustments to improve clarity and flow.
Design
Testing
Three Big Changes For Happier Parents
I conducted unmoderated usability testing using Maze to evaluate three primary flows: Sign Up, Pediatrician Finder, and Fever Tracking. Participants were also encouraged to explore the full responsive website and provide additional feedback.
The study included five parents—four mothers and one father. Overall feedback was highly positive, with a 100% task completion rate across all flows. Each task was completed in under two minutes, indicating that the experience was efficient and easy to navigate.
The most significant design changes, along with the rationale behind them, are outlined below.
Reducing Misclicks in Sign Up Flow
To reduce misclicks and improve clarity, I shortened the height of the sign-up and log-in screens, minimizing unnecessary scrolling and making the next action more obvious. This helped users move through the flow with greater confidence and fewer errors.
I also added the ability to add more than one baby during sign-up, better reflecting real user needs and reducing friction later in the experience.
Baby's Vital Signs
I added dedicated screens for tracking a baby’s vital signs to reinforce the app’s focus on health and well-being. This ensured that health monitoring was a clear, central part of the experience rather than a secondary feature.
Hamburger Menu
The second change focused on improving accessibility and usability within the hamburger menu. I increased the size of the menu icon and its buttons to make interactions easier and more accurate. This adjustment also reduced visual crowding, resulting in a cleaner and more approachable menu layout.
Final Product
Design Delight
“Everything looked great! I love this idea!”
“Looks nice.”
“I thought the website was really cute.”
Intuitive & Friendly
“The website was set up to be very user-friendly.”
“I think the layout was cute and easy to read and understand.”
Health-First Focus
Parents valued the emphasis on tracking habits and health information, especially the inclusion of actionable insights and guidance on when to contact a doctor.
Trusted Resource
Users felt confident using the site and expressed interest in recommending it to friends, reinforcing its usefulness and reliability.
Conclusion
My first project came with many challenges, from small inconveniences to moments where I struggled to understand how certain elements were supposed to work. Despite this, the experience was incredibly rewarding, as it pushed me to grow as both a researcher and designer. Overcoming these obstacles made the final outcome feel even more meaningful.
I entered the project with preconceived notions of where it would lead, but early research—especially user interviews—helped me pivot. For instance, I realized the focus needed to shift more toward health than I had originally planned. Each step, even those that seemed unclear at first, ultimately provided insight and added depth to the project.
What made this project especially fulfilling was that it spoke to me personally. As a mother, I was motivated by the opportunity to help new parents care for their babies. This personal connection allowed me to pour effort, thought, and heart into the project, resulting in a product that feels purposeful and impactful.
Like Parenting, Challenging but Rewarding
Define
Healthy Babies, Happy Parents
The following features were prioritized:
Guides and articles to give parents quick access to reliable health and development information.
Customizable health and habit trackers so parents can track routines that matter most to them, such as feeding and sleep.
Health and habit analysis to help parents see patterns and better understand their baby’s progress.
Growth charts to clearly show physical development over time.
Milestone descriptions to explain what is typically expected at each stage of development.
Baby profile with photo to personalize the experience and help parents feel more connected to the app.
These features were chosen to support parents not only in recording data, but also in feeling informed and confident about their baby’s health and development.
Education, focus on Health
The main goal of the website is to help new parents with health-related questions and concerns. It provides guides and articles, messages when parents should call the doctor, a way to track baby's vital signs, and a way to find a pediatrician nearby.
Generated with AI
Generated with AI
Family Focused
The main brand value of My Lil Boo is supporting couples as they build their family.
The logo reflects this value by showing a mother with her baby, symbolizing love, care, and connection.
What We Stand For, Tiny Edition
Reliability
Trust is very important, especially when the website is giving health-related information about babies. For this reason, the font needed to be clear and easy to read.
Quicksand was chosen because it is simple, legible, and friendly. It is also similar to fonts used in other baby tracking apps, which helps the site feel more familiar and trustworthy to users.
Inviting and Friendly
My Lil Boo was designed to feel friendly and welcoming. This is shown through the playful font and soft, inviting colors.
Two color versions were created:
A pink primary color for the girl version
A blue-green primary color for the boy version
Each version uses the other color as a secondary color, and both use white text fields for clarity and consistency. This keeps the design consistent across both versions while still allowing for personalization and strong brand recognition.
Three Parent Flows
I made three main flows.
Sign Up Flow where users sign up for My Lil Boo and end at the homepage
Pediatrician Finder, where users would find and save a doctor.
Fever Flow users would use the temperature tracker