Oh, Baby!

Oh, Baby!  is an application that guides new parents through the crucial decision of vaccinating their children. It is a safe space where parents can learn about the importance of vaccines to their child’s health, not feel pressured or overwhelmed by medical jargon, and keep track of their child’s vaccination schedule & appointments.

Timeline: Fall Semester, Aug 2019–Dec 2019
Role: Research, UX/UI, Wireframing,
Prototyping, Interviewing, Journey Mapping,
User Testing, Brand Identity

Project Team:
Halie Jo Bryer, Communication Design
Madeline Sturgeon, Communication Design
Morgan Beatty, Communication Design

Screen Shot 2020-05-26 at 10.05.39 PM.pn


First time parents are often overwhelmed and confused by the information given to them at the doctors office about vaccines. Currently there is no regulated way of distributing proper information at beneficial times for these new parents. 


Research Methods 


The team focused on establishing a list of experts

on the topic and professionals in the field to contact. We collected a list of interview questions for email conversations, phone calls, and in-person interviews.


A survey was distributed on social media to get

a vague idea of a general public’s opinions and feelings on the topic of vaccines. We targeted

subgroup of parents, specifically pregnant and

new mothers who were unsure if they were going

to choose to vaccinate or not.

User Journey Maps

Looking at the pregnancy journey through 6 months, we put together a map of a pregnant mom-to-be. We classified visits by looking into the appointment, information given, conversations with the doctor, the parent’s thoughts during each stage, and timeline of the child's vaccinations.

user journey map-01.png


The application’s purpose is to inform and educate new parents/expecting parents about vaccines in a way that makes them more comfortable and educated about the vaccination process. Our end goal is that the application will allow parents to educate themselves about vaccines and ultimately schedule/confirm their child’s appointments within the app. We want our application to ease the fear and miscommunications parents face currently. 

User Desires

1. Manage both her own & her child’s health records

2. Ability to schedule appointments

3. Access to resources to educate herself on vaccines

4. A forum to read information & ask questions

User Tasks

1. See overview schedule

2. Education on vaccines

3. Read forums for more knowledge

4. Schedule the vaccines learned about

Screen Shot 2020-06-21 at 4.55.20 PM.png

Initial Wireframes

Initial Visual Styles

Screen Shot 2020-06-21 at 5.01.04 PM.png
Screen Shot 2020-06-21 at 5.01.13 PM.png
Screen Shot 2020-06-21 at 5.01.29 PM.png

We decided before we dive deeper into aesthetics, it is important that we have a compatible system for the user and that there are no hiccups in the processing of tasks. So we made very basic prototype mockups of 2 different tasks that we would test on 8 people.

User Testing

Screen Shot 2020-06-21 at 5.11.25 PM.png

Task 1: Learn about the Rotavirus Vaccine

This task was fairly simple for users. Starting on the dashboard, each participant notices the vaccine/shot icon and clicked on it to get into the Vaccination section, then had no problem clicking rotavirus to get the drop down and then clicking the button to learn more.

Task 2: Add a recommended vaccine (Rotavirus) to your baby’s 2-month appointment on August 9th.

Screen Shot 2020-06-21 at 5.11.44 PM.png

Option A: For this design, in general people took a bit of time to see what was happening and they almost all clicked “Edit” and then “added” the vaccine on the next page and saw it in place on the third page. Some recommended we say edit/add. But the main miss was the toggle switch on the right side which would show the recommended ones.

Screen Shot 2020-06-21 at 5.11.50 PM.png

Option B: In this situation, users would verbally say Rotavirus and knew they were supposed to do something for it and clicked the box. Then they saw it was checked and so they clicked confirm. And they noticed on the last page that it was filled in as well. They were a little confused, in general, on the first page what they were supposed to do and why some of the vaccines were filled and others were not.

Screen Shot 2020-06-21 at 5.11.56 PM.png

Option C: With this design people knew they had to select the date at first to see any data. Users then guessed that they would have to click the check. They said this one was the simplest; however it wasn’t the preference because they wanted to know more information than was given.


Screen Shot 2020-06-21 at 5.30.36 PM.png
Screen Shot 2020-06-21 at 5.30.42 PM.png
Screen Shot 2020-06-21 at 5.30.36 PM.png
Screen Shot 2020-06-21 at 5.32.47 PM.png

Initial Screens

Color + Iconography Exploration

Screen Shot 2020-06-21 at 5.40.35 PM.png
Screen Shot 2020-06-21 at 5.40.28 PM.png

Onboarding Screens

Screen Shot 2020-06-22 at 10.16.29 AM.pn
Screen Shot 2020-06-22 at 10.20.50 AM.pn


Screen Shot 2020-06-22 at 10.20.28 AM.pn