101 Before One

A connected mobile and admin ecosystem that turns baby-led weaning guidance into confident, everyday family meals.

101 Before One mobile app screens showing learning, recipes and family meal guidance

Overview

Guidance for parents, with the content operations to sustain it.

101 Before One is a starting-solids program built around family meals. The product experience brings courses, recipes, weekly meal plans, food tracking, shopping lists and support into one mobile journey, while an internal admin app gives the team a structured way to manage the guidance behind it.

My Role

As Product Designer, I shaped the parent-facing mobile experience and the supporting admin web app shown in the final designs. My focus was the information architecture, end-to-end flows, interface system and the relationship between the content parents use and the tools the internal team needs to maintain it.

Product designUX/UI designInformation architectureSystems thinking

The Problem

Starting solids can turn every meal into a new decision.

Parents may need to understand readiness, allergens, nutrition, safe preparation, recipes and feeding progression at the same time. The company describes the alternative as hours of Googling and piecing guidance together alone. The product challenge was to make that breadth feel clear and usable in the moment, while giving the internal team a practical system for keeping foods, recipes, courses, meal plans and support content organized.

The Goal

Turn expert guidance into a clear path from learning to mealtime.

The goal was to create one connected system that helps parents understand what to do next—from learning and choosing meals to shopping and tracking progress—while enabling the team to manage and publish the content that powers that experience.

How I Kicked Things Off

Starting with the relationship between content and action.

The visible product architecture became the starting point: a child’s stage and preferences provide context, courses explain the why, recipes and meal plans turn guidance into meals, and checklists and shopping lists carry the work into everyday routines.

I treated the mobile app and admin web app as one system rather than two separate interfaces. Each parent-facing destination was paired with the internal content structure required to keep it useful—from foods and recipes to curriculum, weekly plans and support.

The Solution

One system, from first question to everyday routine.

The final design connects a personalized mobile journey for parents with the operational tools needed to create, organize and support that experience.

Personalization before content

Onboarding captures the baby’s age, family dietary preferences and known allergies before recommendations appear. This gives the product the context to tailor recipes and meal plans to the baby’s stage, respect how the family eats and flag options that may be unsuitable.

101 Before One mobile onboarding asking for the baby's age
The baby’s age establishes the stage used to tailor recipes and guidance.
101 Before One onboarding with family dietary preference options
Dietary preferences help recommendations fit the family’s needs.
101 Before One onboarding with selected known allergies
Known allergies can be selected so recipes are flagged accordingly.
101 Before One onboarding with a custom allergy being added
A custom option covers needs outside the predefined allergen list.

A guided learning path

The Learning Hub separates the program into clear tracks before each course breaks guidance into modules and short lessons. Parents can see what they have completed, return to the next lesson and open detailed reading without losing their place. The design intent is to make a large body of feeding guidance feel like a paced journey rather than an unstructured content library.

101 Before One Learning Hub with three feeding course tracks
The Learning Hub presents the available feeding journeys before parents enter a course.
101 Before One Starting Solids course showing modules and lessons
The course overview organizes guidance into modules and short, sequential lessons.
101 Before One Starting Solids course showing completed lessons and progress
Completed lessons and visible progress make it clear where to continue.
101 Before One lesson page explaining how to introduce allergens
Lesson pages keep detailed guidance within the same learning path.

Recipes built for faster, safer choices

The recipe library makes a large catalogue easier to navigate through search, meal type and filters for age, dietary needs, category and cooking method. Each recipe brings serving stage, ingredients and preparation guidance into one place, with a direct path into meal planning. The decision was to support both quick browsing and more deliberate filtering without separating discovery from action.

101 Before One recipe library with search, meal categories and recipe cards
Search and meal-type filters make the recipe library easier to scan.
101 Before One recipe filters for age, dietary needs, category and cooking method
Age, dietary and preparation filters narrow the catalogue to relevant options.
101 Before One Banana Oatmeal recipe with tags, ingredients, instructions and Add to Meal Plan
Recipe details combine suitability, ingredients and instructions with a direct route into the meal plan.

A weekly plan that removes daily guesswork

The weekly plan translates recommendations into a concrete breakfast, lunch and dinner rhythm. Parents can review one day at a time, open a meal for context and replace an option when it does not fit. Keeping those actions inside the plan makes the schedule useful without turning it into a rigid prescription.

101 Before One weekly meal plan showing each day’s breakfast, lunch and dinner
The weekly view gives every day a clear set of meals and next actions.
101 Before One weekly meal plan with a selected meal opened for details
A focused meal view adds context without losing the surrounding week.
101 Before One choose a recipe screen for replacing a planned meal
Parents can choose another recipe when a planned meal does not fit.

A staged path beyond purées

Moving from purées to family foods is treated as a progression rather than a one-time switch. The six-week plan introduces thicker textures in stages, pairs each week with practical guidance and makes completed meals visible. This gives parents a clearer sense of pace while leaving room to repeat a step when their baby needs more time.

101 Before One six-week Move Past Purées plan with collapsed weekly stages
The six-week overview turns texture progression into manageable stages.
101 Before One Move Past Purées plan with a week expanded to show meals and guidance
Opening a week reveals the rationale and meals for that stage.
101 Before One Move Past Purées plan showing completed meals and progress
Meal-level completion makes progress visible without rushing the journey.

First-month guidance becomes a routine

The first-month plan connects course content with a day-by-day feeding routine. Parents can see the sequence across four weeks, open a specific meal and work through preparation, serving and safety guidance before marking it complete. The design bridges education and action so advice arrives at the moment it is needed.

101 Before One first-month meal plan organized into a four-week daily sequence
A four-week sequence gives new parents a clear starting routine.
101 Before One first-month meal lesson with preparation, serving and safety guidance
Each day expands into practical preparation, serving and safety guidance.

A shopping list that closes the loop

Ingredients from the selected plan are grouped by meal inside one weekly shopping list. Collapsed groups keep the list scannable, while expanded and checked states support shopping in the aisle and show overall progress. Parents can hide purchased items to focus on what remains instead of rebuilding the list elsewhere.

101 Before One weekly shopping list with ingredients grouped into collapsed meals
Meal groups keep the full week’s ingredients compact and scannable.
101 Before One shopping list with one meal expanded to show ingredient quantities
Expanding a meal reveals the exact quantities needed.
101 Before One shopping list with purchased ingredients checked and progress updated
Checked items update both meal-level and overall shopping progress.

Progress that stays useful

The food checklist turns a broad goal into visible, incremental progress. Search, grouped states and individual food entries help parents see what has been introduced and what remains without leaving the wider feeding journey.

101 Before One foods checklist with search and grouped food items
The checklist makes the broader 101-food journey scannable and actionable.

A content engine behind the app

The admin experience gives the internal team dedicated tools for managing the food database and recipe library. Shared categories, age guidance, warnings and recipe attributes create a structured source for the content surfaced in the mobile product.

101 Before One admin food database with categories, warnings and actions
A searchable food database supports consistent categories and warnings.
101 Before One admin recipe editor with searchable recipe cards
The recipe editor centralizes the meals available to the parent experience.

Publishing and support as part of the product

Weekly meal plans and course modules are assembled in purpose-built admin views, while the support inbox keeps parent questions within the same operational system. The design intent is to connect what the team publishes with the guidance parents receive.

101 Before One admin weekly meal plan editor
Weekly plans can be assembled and prepared for publishing.
101 Before One admin course curriculum manager
Curriculum tools mirror the structured learning journey in the app.
101 Before One admin support inbox with active conversations
Support conversations are managed alongside the content system.

Outcome

A complete product model, not a collection of screens.

The final high-fidelity design defines a connected mobile and admin ecosystem across onboarding, learning, recipes, meal planning, food tracking, shopping and support. It shows how parent-facing guidance can be created, organized and maintained through one coherent internal system.

(Next Work)

Love Always Mom mobile product screens

Love Always Mom

2026