TOTS

Mobile Product Resedign

AI-Driven Parenting App Proposal

Photo of a woman and a man with a baby sitting on a couch, while the woman shows something on her phone. Several smartphones displaying a baby tracking app are overlaid on the image. Text on the image says, 'Tots. Track your baby’s growth and milestones.'

Tots is an AI-powered assistant designed to help parents track milestones and daily care. I created a redesign proposal to transform the interface into a seamless, high-trust experience, for clarity, cohesion, and effortless navigation. By bridging the gap between sophisticated AI logic and a warm, approachable aesthetic, I created a version of the tool that feels less like a data entry app and more like a supportive partner.

ROLE

Art Director, Designer.

DELIVERABLES

Wireframes, Brand identity, Product design.

TOOLS

View Original Product
View Original Product

Figma.

Strategy Overview

Problem

Tots needed a mobile redesign to transform a complex parenting tracker into a simple, intuitive digital companion that reduces cognitive load for busy, sleep-deprived parents.

Opportunity

Simplify dense clinical data into a calm, user-friendly interface, balancing medical reliability with a warm, approachable design.

Audience

Tech-savvy new parents seeking a reliable, easy-to-use tool that helps them track and understand their child’s development without adding stress.

Concept design

This concept merges medical precision with nursery warmth, using a "playful-clinical" aesthetic to provide instant clarity for parents. By replacing dense text with structured grids and soft illustrations, it transforms complex data into a calming, intuitive companion. The result is a streamlined, intentional interface that prioritizes effortless navigation over cognitive load

Design Elements

Patricia Machin Miami Portfolio Designer Art Director Icon of a white rocking horse on a pastel pink and blue gradient background.

LOGO

Patricia Machin Miami Portfolio Designer Art Director Sample text displaying the font named Mallanna, including uppercase and lowercase alphabets, and numbers 0 through 9.

FONTS

Sample text showing a webpage with a header in Rounded Mplus 1c Bold font, uppercase alphabet letters, lowercase alphabet letters, and numbers 0-9.

COLOR PALETTE

Patricia Machin Miami Portfolio Designer Art Director Color palette with seven circles showing shades of blue, pink, and purple, each labeled with hexadecimal color codes.
Row of various white icons on a light blue background, including a baby bottle, mask, moon with stars, microphone, spray bottle, person exercising, weighing scale, ruler, pen, heart, speech bubble, bar chart, clock, and light bulb.

ICONS

Patricia Machin Miami Portfolio Designer Art Director Set of 12 blue circular icons representing various functions or actions such as user profile, group, insert, list, share, document, shield, email, star, trash, and forward.

Wireframes

Mobile app interface showing upcoming activities for feeding and diaper changes, summary goals for feeding, sleep, diapers, and activities, recent days with no activities recorded, recent activities log button, and navigation icons for log, health, development, chats, and insights.
Patricia Machin Miami Portfolio Designer Art Director Mobile app interface displaying baby caregiving activities including upcoming feed and diaper changes, summary of feeding and sleep goals, recent days' activity counts, and recent activity logs.
A mobile app interface showing a dashboard with sections for upcoming activities, summary and goals, recent days, recent activities, and navigation icons at the bottom for log, health, development, chats, and insights.
Patricia Machin Miami Portfolio Designer Art Director A mobile app screen titled 'Add Activity' with six options: Feeding, Pumping, Diapers, Sleep, Activity, Growth. Six icons labeled Log, Health, Development, Chats, Insights are at the bottom.
Patricia Machin Miami Portfolio Designer Art Director Mobile app screen for a baby information form, including sections for adding a photo, entering baby's name, birth date, gender, and caregiver's name, with a save button at the bottom.
Patricia Machin Miami Portfolio Designer Art Director Mobile app interface for tracking growth measurements, with options to log measurements, view growth snapshots, and select measurement units in metric or imperial systems.
Patricia Machin Miami Portfolio Designer Art Director A vaccination schedule infographic with six sections for different age milestones, including 9, 12, 15, 18, 24, and 30 months, detailing recommended shots and screenings for child health.
A vaccination schedule for children from birth to 6 months, listing different vaccines at specific visits, including Hepatitis B, DTaP, Hib, Polio, PVC, Rotavirus, Hep B, influenza, and mentioning verification status and upcoming shots.
Mobile app settings menu for baby tracking, featuring options like multiple babies, family sharing, lock screen, edit goals, export data, terms and conditions, privacy policy, support, rate tots, delete account, and sign out, with a header indicating baby age at 3 weeks.
Patricia Machin Miami Portfolio Designer Art Director A chart with four sections showing growth percentiles for weight, height, and head circumference, plus a growth history section with three measurements.
Patricia Machin Miami Portfolio DesigMobile app displaying growth measurements for a girl at 38 weeks, including weight of 9.0 kg, height of 70.0 cm, head circumference of 44.0 cm, and BMI of 18.4, with options for logs, growth, vaccines, and doctor.
Patricia Machin Miami Portfolio Designer Art Director Mobile app interface showing upcoming activities, weekly activity chart, recent days, recent activities, and menu options for logs, health, development, chats, and insights.
Patricia Machin Miami Portfolio Designer Art Director Screen of a growth tracking app showing current weight (6.0 kg), height (50.0 cm), and head circumference (33.0 cm) with sliders for input and an add notes section.
Patricia Machin Miami Portfolio Designer Art Director A mobile health app interface with icons for logging visits, health, development, chats, and insights, and a section for doctor visits and notes indicating no visits logged yet.
Person sitting on a bed using a smartphone with an app displaying activity options like feeding, purring, dampers, sleep, activity, and growth. The person is wearing jeans, a pink jacket, and white shoes, with artwork of a cartoon face and a caterpillar on the bed.

Product Launch & Lessons

Tots embodies that clarity is a form of empathy. The transition from a fragmented tool to a cohesive, AI-guided assistant proved that "one-handed" usability is a functional requirement, not just a design goal. I learned that by balancing a clinical grid with soft, playful art direction, we could build deep user trust without sacrificing the speed and precision required for medical tracking.

KEY RESULTS:

  • Enhanced Efficiency: Reduced the time and taps required for primary tracking tasks.

  • Developed and implemented a scalable design system across all screens, ensuring brand consistency.