Contact
‘Sup
Clients
Portfolio
About
Home
Tap Nursery  •  Tap Nursery  •  Tap Nursery

VISUAL DESIGN FOR EXPECTING MOMS GETS A BUMP UP

Tap Nursery, a mobile app designed for under-served expecting mothers, offers all the resources and information they need as they navigate the process of pregnancy, childbirth, and more. Here’s how I helped deliver a few special moments of my own.
3 people icon
Client: Tap Nursery
3 rectangular shapes
Project Type: iOS App
1 person with 4 curved lines surrounding
My Role: UI, 3D
Modular app design with quadrants
Paginated onboarding for mobile app
UI design with blue modal window

CHALLENGE AND RESULTS

Sterility’s place isn’t here
Healthcare experiences often look entirely clinical, but the client tasked me with breaking this paradigm. The iOS application needed to mirror the joyful journey of becoming a parent. This required a delicate balance between information and user-friendly design to truly resonate with expecting mothers. Here’s a look at how this vision was born, starting with the outcome.
Pink and blue color palette
Woman caring for baby laying on bed
Reduced Abandonment
Progressive onboarding improvements are projected to reduce app abandonment rates by at least 10%, enhancing user retention.
Visual Appeal Boost
The overhaul of visual design elements, including 3D illustrations, elevates the user experience, making it more engaging and joyful.
Strategic Color Usage
Strategic use of color, especially pink for app-wide interactions, simplifies navigation and improves usability across the platform.

BABY ON BOARD. MOMS TOO.

Improving onboarding
In Tap Nursery, expecting moms are greeted with two onboarding screens that I designed. They can swipe through these information sections, accompanied by 3D illustrations I designed. These illustrations spin in their own carousel, cycling through to show off the big picture of what the application can do. However, we’re just getting warmed up with the onboarding process.
Onboarding screens for health-focused mobile experience

Adding A strand of empirical data

Tap Nursery organizes providers into color-coded categories, displayed in a modular layout, and knowing this information becomes more relevant as users explore the application. Because of this, I pushed these details further down the onboarding flow, making the experience progressively informative. While we didn’t formally test this approach, it’s supported by empirical data noting enhanced usability and reduced app abandonment by at least 10%.
Past this, the color palette I designed took care to ensure each color was distinct, but worked well in the broader palette (more on this later.) Users start by selecting a provider category, then see an overlay that contains basic details about the type of provider they selected, along with a visual representation of the category. From here, users navigate to the additional information and details Tap Nursery offers—I’ve omitted those screens as this case study only reflects my work, specifically.
A 3D illustration of a fetus on bright blue background
UI design with yellow modal window
Modern health care app design with shades of purple

THE HEART OF MY VISUAL DESIGN

3D illustrations and animations
Creating the 3D illustrations and animating each of them was a fun task. I suggested a range of icons for each category. One challenge, was how to represent each provider type without showing a person, character, avatar, etc. Instead I opted for an object associated with each type. This worked well as it also gave me an opportunity to create compelling icongraphy and animation.
Pink color palette
OB-GYNs: Tackling a spectrum of health concerns, the double-helix served as the perfect symbol.
3D modeled doorbell on red background
Doulas: They’re known for making house calls. A doorbell was a no-brainer.
3D illustrated drops of milk on yellow background
Lactaction: Drops of milk reflect the human body without being overt.
Midwives: A nurse hat for midwives was the perfect fit. Shown animated

A DEEPER DIVE INTO THE ROLE OF COLOR

My turn at the HEX codes
The client provided a starting set of colors that I fine-tuned to ensure each was distinct and avoided confusion. I adjusted the vibrance and hue of similar colors like scarlet and red, as well as blue, turquoise, and indigo, to differentiate them further while maintaining their integrity. I designated pink as the color for app-wide interactions, such as the primary calls-to-action, to avoid mixing it up with provider categories. Finally, the client had pre-selected the color names, which were accompanied by color-theory literature within the app.
Shades of yellow color palette
Colorful web and app design color palette
Bright red modal for iOS app onboarding
Bright green overlay for mobile application
Modern health care app design

CELEBRATIONS AND TAKEAWAYS

Tap Nursery’s onboarding experience is now fit for expecting moms with up-to-date visual design, bespoke 3D illustration and animations, and a bold color palette. But, as with any project, there are always lessons to learn, and improvements to make.

One key takeaway is the importance of aiming for accessibility in design, especially concerning color contrast. Although the project parameters didn’t align with WCAG guidelines, enhancing accessibility will become a priority as the app evolves and reaches its audience.
Various screenshots of iOs app designs

HIGH FIDELITY PROTOTYPE

Case Study

Up Next

B2C