Design Concept Project: Mobile Pregnancy & Maternity App | B2C | Healthcare
Momly - coordinated care and support app to help solve maternity care crisis
Image credit: https://www.pregnancylancaster.com/en/2022/11/10/what-is-a-doula/
My role
For this solo design project, I assumed the following roles:
Digital Strategist
UX Researcher
UX/UI Designer
Web Designer
Deliverables
Project Concept
MVP Scope
User Research
Competitive Analysis
User Flows & Wireframes
Style Tile
Hi-fi mockup
Specifications
Duration:
5 months
Tools:
Figma, Photoshop, Procreate, LottieFiles, Jitter
One-Minute Case Digest
Problem
Momly is a mobile application developed in response to growing maternity care crisis in the United States.
Solutions
Content and information architecture planned based on a chosen subscription-based business model
Cross-functional team of medical (nurses, midwives) and non-medical (doulas, community health workers) professionals for holistic care approach.
Precision-focused design yielded 4 primary navigation pathways: Home-Care Team-Library-Profile
Functional sophistication: in-app messaging, telehealth consultation capabilities, AI-powered voice-activated & voice-controlled navigation.
Momly's main differentiators are
Care Coordinator that acts as a strategist, manager and facilitator of one's care team and care plan,
personalized coaching services available in the Library of resources,
AI-powered empathic voice-activated & voice-controlled navigation to allow for hands-free app use and deliver greater accessibility.
Care Team Accessibility
Personalized Library of Resources
Curated Content Delivery for Each User
AI-powered Voice-Activated & Voice-Controlled Assisted Navigation
Result
Momly — a human-centered mobile pregnancy & maternity app that offers care services and tools, such as a cross-functional team of medical (nurses, midwives) and non-medical (doulas, community health workers) professionals managed by a Care Coordinator, personalized library of resources and AI-powered empathic voice-activated & voice-controlled navigation to allow for hands-free app use and deliver greater accessibility.
The Brief
Momly is a concept-project of a maternity and pregnancy care mobile app that focuses on two main elements — coordinated support and care. Personalized and personal.
Momly is a personal project to explore advancement of women's healthcare and wellness through innovative digital solutions.
Problem
Maternal morbidity (SMM - severe maternal morbidity) and mortality crisis in the US — the maternal mortality rate has more than doubled since 1990 and is the highest among the developed countries
The U.S. has a relative undersupply of maternity care providers, especially midwives, and lacks comprehensive postpartum support
10% of US births attended by midwives compared to 50–75% in other high-resource countries (see report here)
Related Healthcare & Technology Trends
Modern pregnancy managemen is a holistic and multidisciplinary model that leverages new technologies and focuses on point-of-care and digitalized solutions (femtech)
Rise of e-health
Rise of AI technology
Implications
High preventable maternal death rates
Economic stress: high maternal care costs
Racial disparities during care
Long-term health consequences for mothers and babies
Recommended Solutions
The International Federation of Gynaecology and Obstetrics (FIGO) & American College of Obstetricians and Gynecologists (ACOG) recommend
Digital transformation of maternal care
Extending preconception care to the postpartum stage
Scaling up midwifery to improve maternal and newborn outcomes
Holistic and affordable maternal care
User Research
Goal:
Gain insights into maternal care needs and femtech use by a target user group.
Methods:
Online surveys
Secondary research
Main pain points that where revealed from user research
Analyzed competitor applications
Poppy Seeds Health
Maven Clinic
M
Millie Maternity
Espectful
Feature Prioritization & MVP
Next, I aligned the selected subscription-based business model with the design goals to formulate the app's primary differentiators and value proposition.
Potential high-value features, such as Comprehensive Health Tracking & Partner/Family Integration were implicitly included as features and tools under the supervision of app's Care Team Coordinator and user's external primary ob-gyn specialist.
Structure
I created user flows and app map to define and visualize the structure, content, feature organization, and app navigation.
App map
I was able to narrow down the scope of the app design effort and convey it in this preliminary app map.
App map
Style Tile
For the visual layer of Momly's design, I consulted the psychology of color and chose soft, welcoming, and warm colors in their neo-retro treatment (saturation/hue).
Accessibility Considerations (aka Universal Design)
Some of the WCAG SC Standards and practices I implemented: contrast b/w background and foreground, content spacing and heading, labeled, scalable elements, and AI-Powered Empathic Voice-Activated & Voice-Controlled Navigation.
Add Labels for Clarification and Accessibility
I added "Team Member" label to member's profile page for clear role identification, and removed extraneous logo and utility icons to reduce visual complexity and minimize cognitive load of users.
Lower a Number of Steps
I merged two screens into one to streamline the membership function process, reducing the number of steps required.
Users expressed a need for clear visual distinction between user's input and Momly's peony avatar responses. I modified text color for user input and introduced a green background for user messages.
Users felt that the search feature should be more "obvious". I transformed search icon into a more visible search window and repositioned search element to improve prominence and accessibility.
I also redesigned resource card visuals to create cleaner, more streamlined interface and minimized color cognitive load.
Peony Avatar for Momly's AI-Assisted Empathic Voice-Controlled Navigation
Pink peony flower is an ideal symbol for Momly's AI assistant as it represents healing and beauty and app's UI attributes. Peony is also incorporated into Momly's logo.
In selecting the avatar, I intentionally chose to avoid overly anthropomorphic designs to prevent the introduction of any racial or ethnic biases. The chosen Peony design strikes a perfect balance between anthropomorphic and non-anthropomorphic.
The various considered avatars for Momly's AI-assisted empathic voice-controlled app navigation
WWW, Or What Went [Wrong] Differently
Design Iterations & Preferences Tests
Some points of tension that I encountered while working on Momly:
Removal of social share/community features. I decided to remove the community feature in order to prioritize other vital features and reduce potential distractions for users, despite risking lower user engagement. The focus is on a support from Care Team and not one's peers.
Team vs Services. I debated what option - Care Team or Services - should be displayed in the navigation. In the end, I went with Care Team in order to emphasize human connection, facilitates direct access and enhances personalization of care for specific needs of each mom.
Lacking Illustrations and interactive elements. To reflect Momly's identity and style to my satisfaction, I had to negotiate between free/paid/diy illustrations and other visual elements. Sadly, the quality of a few gifs created in Lottie Files and Jitter is not superb (yet) when transfered to Figma.
Results: Momly. Care for Moms. From Pregnancy to Baby
Momly App Demo
This project reaffirmed my passion for the intersection of technology and health care. The power of femtech can transform not only maternal care, but also the entire spectrum of women's health across their lifespans.