The Olivia project leverages the Philips Pregnancy + app, with over 450 million users worldwide, to provide relevant information to expectant mothers and their partners based on their location and stage in their pregnancy. For nearly a decade, Philips and Texas A&M University have worked together successfully on numerous projects.
THE GOAL:
Design a platform of multimedia pregnancy resources that is easily navigable, inclusive, and user friendly.
THE CHALLENGE:
Designing a user-centric platform that accommodates diverse resources for information on pregnancy and childbirth, and that is inclusive to any user seeking support. Olivia Health’s mission begins with inclusivity, and the site design not only caters to expecting mothers, but extends usability to partners, fathers, and family members.
THREE KEY CHALLENGES: User Engagement, Inclusivity, Information density
Single Click Methodology
Keeping users on the site and making information accessible by immediately showing relevant information to users in just one click.
Landing Page
Users can immediately view the resources Olivia Health provides.
Ollie AI Chat
The embedded AI chat box allows users to be precise in their search.
Home Page Design
By creating a longer scrollable home page, users can scroll through and see a condensed version of everything Olivia Health has to offer.
After seeing a short description of who we are, users can see up to nine recently uploaded videos and infographics. When users scroll and see something they are interested in, in one click, they can see the content they are interested in.
Home Page
View content organized by role
About Us
Learn about the OLIVIA project
Video Content
Informational video content on various topics related to pregnancy
Infographic Content
Infographics on various topics related to pregnancy
Inclusive Graphics
Olivia Health's target audience is a wide range of people looking for similar information, how do I design keeping everyone in mind? Making everyone comfortable and making sure that users know that this site is inclusive to an open definition of parenthood
Created graphic elements on Illustrator to make the site more approachable and add visual interest.
Rebranded the graphic elements for a proposed maroon rebrand.
Branding
Designed the logo and brand identity for Olivia Health around the proposed name 'Olivia'
Logo Design
Designed the logo for Olivia Health around the proposed name 'Olivia'.
The guidelines for Olivia's logo were
to depict a baby girl, 'Olivia'
to be easily identifiable
to be easy to use for numerous purposes
Figma Prototype
Prototyped the Olivia Health website on Figma
Initial Site Map
Iterated Site Map
Initial Prototype
Final Prototype
The final design of the Olivia health site is easy to navigate, accessible, and aesthetically simple. My last task at Olivia was to create prototype for a proposed maroon rebrand.
THE FINAL SITE:
www.OliviaHealth.org
Intelligent Child
Intelligent Child is a sister site to Olivia Health I designed on WordPress for future Olivia expansion plans.
