web design uk Edinburgh and website development

bb product logo

Track your pregnancy, have your doctor ease your worries in 24 hours and learn about embryo development.

babybump thumbnail
illustration of pregnant women (users)

The short story

Pregnancy for women (especially 1st time moms) can be a stressful experience as their body is changing and they start to worry about their developing baby.

Although a happy occasion, it is taxing both on their physical and mental health. Through research, prototyping and testing, I set out to create a solution to help these women and invented BabyBump, a responsive web app.

Initially...

I set out to create a product that focuses on logging and storing women’s medical data and finding reliable pregnancy resources.

This decision was based on my competitive research of existing pregnancy trackers which started with this Forbes article: https://www.forbes.com/health/family/best-pregnancy-apps/
I analysed the top 2 with SWOT table and proceeded to conduct 5 user interviews with moms who have small children.

moms
chat

Missed Something BIG

During the affinity mapping stage I have found that the REAL PAINT POINT of:
pregnant women is that they need a way to speak with their doctor within 24/48 hours and in-person appointments take days to book (and often are inconvenient).

On top of that, doctors often did not have time to offer mental health support.

My 1st Solution

A convenient built-in system that allows women to book a 30-minute video or audio call with their actual doctor or send them a chat message.

doctor gif

Chat with Your Doctor

No more waiting for reassurance that my baby is ok
No more overworked medical and hospital staff

chat mobile

Call Your Doctor

No more catching illnesses in the waiting room
No more overworked medical and hospital staff

call doctor
nancy gif

My 2nd Solution

Nurse Nancy - mental health coach.

She will pop up to
1. remind users to take vitamins
2. slow down and have enough sleep
3. recommend yoga exercises
4. keep track of tasks and calls

Putting it to the Test

I tested the interactive prototype with 6 moms and gave them the following 5 tasks to complete:

1.  Book a video/audio call with your doctor
2. Add an apple as a snack (to track your weight)
3. Track your contractions while in labour
4. Find solutions to your back pain symptom
5. Browse what development stage your baby is at

Then I summarized my findings using a rainbow spreadsheet.

baby
testing gif

Fixing Initial Errors

error1error 2

More testing...

I posted the Figma file on the uni’s Slack channel for peer feedback.

I have received more than 85 quality comments and made the following improvements.

slack screenshot

More Improvements

improvementsimprovements2

Biggest Challenge

I have carefully selected the colour scheme at the beginning of the high-fidelity design process. Chose a light blue to represent calmness and security and light yellow to bring in excitement and joy.

Sadly after developing some iterations my mentors pointed out I should check the contrast ratio which to none's surprise failed.

As I was intent to keep this soft (baby-like) vibe I found the solution of adding a soft border to all my CTA`s and removed any drop shadow that could be distracting to users.

colors

Resulting Iterations

iteration 1
iteration 2

Future Steps

improvements
home

Final Design

weekly gif

Home Feed

Home feed updated daily with relevant development and weight update on the top. Users are offered content based on week of pregnancy.

home

Customize Your Feed

Users can input personal details in a playful chat like manner while answering to Nurse Nancy webbot.

survey

In-built Calendar

Ultrasound appointments and important dates and deadlines (such as filing maternity leave with employer or babyshower) can be tracked.

calendar

Track Contractions

Popular in-built tool most women use nowadays, including a hospital bag checker to reduce stress during labour.

timer

Browse Symptoms

At the learn section women can search for symptoms and are offered both medical and holistic solutions for their pain/issues.

browse

Benefits to Baby

While counting calories and tracking weight, women are thought what benefits (or harm) the food they are eating have on development.

benefits
final

Like what you see?

Browse my other projects

teza

Teza Renovations

Helping people reach out to a great local joiner and book home improvement projects. Website includes contact form and portfolio showcase features.
pauza

Pauza - Sound Bowl

Offering massage and therapy using sound bowls. Website includes booking options, and details on sound massage benefits.
stars

Stars within Tarot

Making tarot reading accessible for all. Website includes booking via third-party calendar and dynamic blog CMS features.
kertek

Flavors of the Garden

Selling local, high-quality produce to the community of Komárom, Hungary. Shopify webshop includes 780 products.
babybump

BabyBump

Helping pregnant women by collecting the best resources in an easy-to-use tracker. Users can schedule a video call with their doctor.
development

Roasty

Connecting Gen-Z coffee lovers by making an interactive calculator. Driving user engagament by harnessing the power of community.
identity

Nokedli

Serving foodies fresh noodles in a cup from a food truck and diner. Website includes take-away and book a table features.
cosy

Cosy Cabin

Offering a place to relax and unwind in this forest log cabin. Website includes booking system and breakfast order features.