UX/UI Product Design for a Maternity Wear Health Monitoring App
In 2015 I participated in an overnight hackathon organized by Grid 110, an economic and community development organization working in partnership with the Office of LA Mayor Eric Garcetti to mobilize the startup ecosystem in Downtown Los Angeles.
Wearables, advanced materials, e-commerce, data science, biometrics and tech-infused avant-garde couture are all part of a wave of innovation that is revolutionizing the $1.2T global fashion industry.
In 24 hours create a MVP for a wearable technology prototype. I used Photoshop, InVision and Sketch to create the wireframes.
how research informed my design
During pregnancy most women will experience symptoms that vary from mild and annoying discomforts to severe, sometimes life-threatening, illnesses. Sometimes it can be difficult for a woman to determine which symptoms are normal and which are not.
I researched the market and discovered that there was a lack of maternity wear with built-in sensors that could monitor a person's activity in real time and transmit the information from the chip to an app.
132 million babies born
300,000 deaths due to pregnancy complications
$17.4 billion spent on hospital stays
$4.8 billion spent on maternity wear
While researching the marketplace I was inspired by these companies.
Athos is the world's first fitness apparel that monitors muscle activity and heart rate in real time.
Bloom is a smart device for pregnant women to wear during their third trimester to track contractions, measure stress, sleep, kick counts and activity levels. (closest competitor)
Leaf is jewelry that monitors your sleep, log your period, analyze your breathing and track your activity.
Babyscope and Flutter allow the user to listen, record and share their baby's heartbeat via a fetal stethoscope app.
Currently there is no product on the market for pregnant women that incorporates multiple monitoring and tracking tools into one device. Yet, pregnant women are often constantly worried about their health and their unborn child's. The conceptual design I came up with is a maternity wear camisole with built-in sensors that could monitor the mother's activity in real time and transmit the information from the chip to an app. Functions would include:
Monitor daily activity, sleep, nutrition, water intake
Listen, record and share the baby's heartbeat and other movements
Calendar to organize doctor appointments and notification reminders
Since I only had 24 hours to complete the project I based my knowledge of the technology functionality on what current companies were doing and as well as articles from the CDC and World Health Organization.
Conceptual prototype design
Prototypes - version #1
Due to the time constraints I didn't have much time to do user testing or build out all the pages. I used Photoshop, InVision and Marvel to create the prototypes. You can view the website landing page here and app here. (Please use your left and right keyboard arrows to view all the pages.)
Initial App Prototype
After the Hackathon I decided to refine the prototypes and began by doing more user testing.
Main user pain points:
The name "Smart Mom" implied that the user was already a mom which was confusing
The color scheme felt too generic and some of the content was hard to understand
The website was confusing and uninformative
prototypes - version #2
Taking the notes from user testing into consideration I changed the name to Blossom because it is associated with growth and birth. I used Sketch and InVision to revise the prototypes. I completely redesigned the website, adding graphics and explanatory text about the functions of the wearable technology and changed the color palette. I also revised the on boarding process and activity page of the app and built out the heartbeat monitor screen.
The revised website can be viewed below and the app can be viewed here.