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/

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 Study Digest

Problem

The U.S. faces a growing maternity care crisis.

Digital solutions remain fragmented and incomplete.


Solution

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.

Care Team Accessibility

Personalized Library of Resources

Curated Content Delivery for Each User

AI-powered Voice-Activated & Assisted Navigation

Comprehensive Case Study

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.

Overview: The Business of Birth

Project Summary


This case study highlights how I designed a human-centered maternity care app that combines empathic voice navigation, coordinated care teams, and personalized resources to address gaps in U.S. maternal health.

It shares my passion femtech project and details how I conceptualized, researched, and applied technical UI skills to the problem.





Research & Ideation: It Takes a Team to Keep Mothers Alive and Healthy

Initial Problem Discovery


What problem am I trying to solve?


Digital pregnancy & maternity apps remain incomplete, fragmented and require a lot of managing by a user.

Overview: The Business of Birth

Project Summary


This case study highlights how I designed a human-centered maternity care app that combines empathic voice navigation, coordinated care teams, and personalized resources to address gaps in U.S. maternal health.

It shares my passion femtech project and details how I conceptualized, researched, and applied technical UI skills to the problem.


Research & Ideation: It Takes a Team to Keep Mothers Alive and Healthy


Initial Problem Discovery


What problem am I trying to solve?


Digital pregnancy & maternity apps remain incomplete, fragmented and require a lot of managing by a user.

Overview: The Business of Birth

Project Summary


This case study highlights how I designed a human-centered maternity care app that combines empathic voice navigation, coordinated care teams, and personalized resources to address gaps in U.S. maternal health.

It shares my passion femtech project and details how I conceptualized, researched, and applied technical UI skills to the problem.


Research & Ideation: It Takes a Team to Keep Mothers Alive and Healthy


Initial Problem Discovery


What problem am I trying to solve?


Digital pregnancy & maternity apps remain incomplete, fragmented and require a lot of managing by a user.

Overview: The Business of Birth

Project Summary


This case study highlights how I designed a human-centered maternity care app that combines empathic voice navigation, coordinated care teams, and personalized resources to address gaps in U.S. maternal health.

It shares my passion femtech project and details how I conceptualized, researched, and applied technical UI skills to the problem.


Research & Ideation: It Takes a Team to Keep Mothers Alive and Healthy


Initial Problem Discovery


What problem am I trying to solve?


Digital pregnancy & maternity apps remain incomplete, fragmented and require a lot of managing by a user.

Research/Problem Validation


Why is this problem important?


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.

Mothers' lives matter.

User Research


Goal:

  • Gain insights into maternal care needs and femtech use by a target user group.


Methods:

  • Online surveys

  • Secondary research

Survey research revealed key insights and shared paint points that I distilled into the following characteristics of users' mental models:

Mindset: Pregnancy period - widespread stress over pregnancy demands and prep for birth;

Postpartum period - exhaustion due to little to no care and support.

Pain point: Not feeling in control on the pregnancy process;

Not having reliable care and support network.

Motivation: Low guidance seeking behaviour.

  • Personalized Support. To receive tailored guidance and support throughout pregnancy and postpartum, filling the gap left by reduced healthcare and social support.

  • Information Seeking. To access reliable, evidence-based information about pregnancy health and fetal development, reducing anxiety and feeling more prepared.

Survey research revealed key insights and shared paint points that I distilled into the following characteristics of users' mental models:

Mindset: Pregnancy period - widespread stress over pregnancy demands and prep for birth;

Postpartum period - exhaustion due to little to no care and support.

Pain point: Not feeling in control on the pregnancy process;

Not having reliable care and support network.

Motivation: Low guidance seeking behaviour.

  • Personalized Support. To receive tailored guidance and support throughout pregnancy and postpartum, filling the gap left by reduced healthcare and social support.

  • Information Seeking. To access reliable, evidence-based information about pregnancy health and fetal development, reducing anxiety and feeling more prepared.

Survey research revealed key insights and shared paint points that I distilled into the following characteristics of users' mental models:

Mindset: Pregnancy period - widespread stress over pregnancy demands and prep for birth;

Postpartum period - exhaustion due to little to no care and support.

Pain point: Not feeling in control on the pregnancy process;

Not having reliable care and support network.

Motivation: Low guidance seeking behaviour.

  • Personalized Support. To receive tailored guidance and support throughout pregnancy and postpartum, filling the gap left by reduced healthcare and social support.

  • Information Seeking. To access reliable, evidence-based information about pregnancy health and fetal development, reducing anxiety and feeling more prepared.

Main pain points that where revealed from user research

How to address maternal mortality crisis with a pregnancy & maternity app?



Offer services & features to cover the gap in peri- and postnatal services:


  • Personalized Educational Content

  • Telehealth Integration

  • Postpartum Care Module


Learning from Competitors


To select the right key features for optimum impact without contributing to users' mental overload, I turned to competitor analysis.

I evaluated the competitor-apps that represented the most frequent business models in the market of maternity apps: freemium, subscription-based, partnerships with healthcare providers, and e-commerce integration models.

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.

Primary differentiating features of the app

Primary differentiating features of the app

  • Managed Care Integration: Seamless connection with healthcare providers for personalized medical advice and appointment scheduling (24/7 texting to care team members);

  • Cross-Functional Care Team that includes doulas and community health workers;

  • AI-Powered Empathic Voice-Controlled Navigation: An advanced voice-activated assistant that provides emotional support and answers questions with empathy;

  • Personalized Content Delivery: Tailored information and recommendations based on the user's specific pregnancy stage, health history, and preferences.

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.

Positioning


A user-focused subscription-based mobile pregnancy & maternity app that offers managed care, personalized content and AI assistance through empathic voice interface.

Positioning


A user-focused subscription-based mobile pregnancy & maternity app that offers managed care, personalized content and AI assistance through empathic voice interface.

Positioning


A user-focused subscription-based mobile pregnancy & maternity app that offers managed care, personalized content and AI assistance through empathic voice interface.

Value Proposition 1


A dedicated team of medical (nurses, midwives) and non-medical (doulas, community health workers) professionals provides personalized maternal care; the team is managed by a Care Coordinator.

Value Proposition 1


A dedicated team of medical (nurses, midwives) and non-medical (doulas, community health workers) professionals provides personalized maternal care; the team is managed by a Care Coordinator.

Value Proposition 1


A dedicated team of medical (nurses, midwives) and non-medical (doulas, community health workers) professionals provides personalized maternal care; the team is managed by a Care Coordinator.

Value Proposition 2


Library of resources delivers personalized educational and coaching resources.

Value Proposition 2


Library of resources delivers personalized educational and coaching resources.

Value Proposition 2


Library of resources delivers personalized educational and coaching resources.

Value Proposition 3


AI-Powered Empathic Voice-Activated & Voice-Controlled Navigation to allow for hands-free app use and deliver greater accessibility.

Value Proposition 3


AI-Powered Empathic Voice-Activated & Voice-Controlled Navigation to allow for hands-free app use and deliver greater accessibility.

Value Proposition 3


AI-Powered Empathic Voice-Activated & Voice-Controlled Navigation to allow for hands-free app use and deliver greater accessibility.

Structure


I built apps' concept map, then I created user flows and app map to define and visualize the structure, content, feature organization, and app navigation.

Concept map

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

Design Studies: Softness and Simplicity


Visual Design


Name & Logo

The app's name — Momly — refers to the app's primary users and is easy to remember.

Pink peony flower is incorporated into the logo due to its beauty and the following symbolism:

  • emotional symbolism: embodiment of beauty, compassion, and tenderness;

  • historical symbolism: in Greek mythology, it is associated with healing and medical practices.

Design Studies: Softness and Simplicity

Visual Design


Name & Logo

The app's name — Momly — refers to the app's primary users and is easy to remember.

Pink peony flower is incorporated into the logo due to its beauty and the following symbolism:

  • emotional symbolism: Embodiment of beauty, compassion, and tenderness;

  • historical symbolism: In Greek mythology, it is associated with healing and medical practices.

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).

Development: Iterations & Microinteractions


Design Iterations


In designing Momly, my primary objective was to create a pregnancy and maternity app that seamlessly blends intuitiveness, informativeness, and thoughtful organization. I strives for clean and engaging interface and content.


The app's design philosophy centers on the following strategic approaches:

  • user-centric simplification (e.g., design with minimal cognitive load)

  • precision-focused design (e.g., eliminate redundant functionalities)

  • intentional feature selection (e.g., focusing only high-impact features, such as contacting Care Team)

  • functional sophistication (e.g., presenting essential pregnancy-related content in a visually appealing and easily digestible format, not overwhelming users with excessive medical jargon).

Development: Iterations & Microinteractions

Design Iterations


In designing Momly, my primary objective was to create a pregnancy and maternity app that seamlessly blends intuitiveness, informativeness, and thoughtful organization. I strives for clean and engaging interface and content.


The app's design philosophy centers on the following strategic approaches:

  • user-centric simplification (e.g., design with minimal cognitive load)

  • precision-focused design (e.g., eliminate redundant functionalities)

  • intentional feature selection (e.g., focusing only high-impact features, such as contacting Care Team)

  • functional sophistication (e.g., presenting essential pregnancy-related content in a visually appealing and easily digestible format, avoiding overwhelming users with excessive medical jargon or lengthy articles).

Development: Iterations & Microinteractions

Design Iterations


In designing Momly, my primary objective was to create a pregnancy and maternity app that seamlessly blends intuitiveness, informativeness, and thoughtful organization. I strives for clean and engaging interface and content.


The app's design philosophy centers on the following strategic approaches:

  • user-centric simplification (e.g., design with minimal cognitive load)

  • precision-focused design (e.g., eliminate redundant functionalities)

  • intentional feature selection (e.g., focusing only high-impact features, such as contacting Care Team)

  • functional sophistication (e.g., presenting essential pregnancy-related content in a visually appealing and easily digestible format, avoiding overwhelming users with excessive medical jargon or lengthy articles).

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.

Add Strategic Color Differentiation to Improve Visual Clarity & Reduce Cognitive Load

Add Strategic Color Differentiation to Improve Visual Clarity & Reduce Cognitive Load

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.

Match Users' Mental Models & Enhance Visual Design

Match Users' Mental Models & Enhance Visual Design

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.

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.

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.

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

My own impacts aka Learnings


  1. Personalization trumps generalization.

    By implementing AI-driven content tailoring based on a progression of pregnancy, health conditions, and personal preferences, I'd expect high daily activity of users, long session duration, and high overall users' satisfaction.

  2. AI-driven voice control revolutionizes accessibility.

    Implementing voice-activated features in Momly app is expected to increase user adaptation and engagement among expectant mothers, especially mothers with mobility challenges or visual impairments. This hands-free interaction not only improved app usability but also empowered users to access critical information and track their pregnancy progress more independently.


Potential further development steps for the Momly app

should focus on cutting-edge technological enhancements and user-centric features, such as


  • Hybrid functionality.

    Implementing a mix of in-app features and third-party integrations (e.g., fitness trackers and nutrition apps). This strategy can also reduced feature development time, allowing Momly to focus on core pregnancy-specific functionalities.

  • Privacy settings that evolve with pregnancy stages.

    As users progressed through their pregnancy, their privacy needs changed dramatically. Early-stage users are more secretive, while later-stage users are more open to sharing. Implementing adaptive privacy settings that evolve with the user's journey could result in a decrease in account deletions.

  • Holistic health integration platform.

    Future development of Momly app could focus on creating seamless connections with wearable technologies, electronic health records, and telehealth services.


Conclusion: Reflections & Personal Takeaways

My own impacts aka Learnings

  1. Personalization trumps generalization.

    By implementing AI-driven content tailoring based on a progression of pregnancy, health conditions, and personal preferences, I'd expect high daily activity of users, long session duration, and high overall users' satisfaction.

  2. AI-driven voice control revolutionizes accessibility. Implementing voice-activated features in Momly app is expected to increase user adaptation and engagement among expectant mothers, especially mothers with mobility challenges or visual impairments. This hands-free interaction not only improved app usability but also empowered users to access critical information and track their pregnancy progress more independently.


Potential further development steps for the Momly app

should focus on cutting-edge technological enhancements and user-centric features, such as

  • Hybrid functionality. Implementing a mix of in-app features and third-party integrations (e.g., fitness trackers and nutrition apps). This strategy can also reduced feature development time, allowing Momly to focus on core pregnancy-specific functionalities.

  • Privacy settings that evolve with pregnancy stages. As users progressed through their pregnancy, their privacy needs changed dramatically. Early-stage users are more secretive, while later-stage users are more open to sharing. Implementing adaptive privacy settings that evolve with the user's journey could result in a decrease in account deletions.

  • Holistic health integration platform. Future development of Momly app could focus on creating seamless connections with wearable technologies, electronic health records, and telehealth services.


Conclusion: Reflections & Personal Takeaways

My own impacts aka Learnings

  1. Personalization trumps generalization. By implementing AI-driven content tailoring based on a progression of pregnancy, health conditions, and personal preferences, I'd expect high daily activity of users, long session duration, and high overall users' satisfaction.

  2. AI-driven voice control revolutionizes accessibility. Implementing voice-activated features in Momly app is expected to increase user adaptation and engagement among expectant mothers, especially mothers with mobility challenges or visual impairments. This hands-free interaction not only improved app usability but also empowered users to access critical information and track their pregnancy progress more independently.


Potential further development steps for the Momly app

should focus on cutting-edge technological enhancements and user-centric features, such as

  • Hybrid functionality. Implementing a mix of in-app features and third-party integrations (e.g., fitness trackers and nutrition apps). This strategy can also reduced feature development time, allowing Momly to focus on core pregnancy-specific functionalities.

  • Privacy settings that evolve with pregnancy stages. As users progressed through their pregnancy, their privacy needs changed dramatically. Early-stage users are more secretive, while later-stage users are more open to sharing. Implementing adaptive privacy settings that evolve with the user's journey could result in a decrease in account deletions.

  • Holistic health integration platform. Future development of Momly app could focus on creating seamless connections with wearable technologies, electronic health records, and telehealth services.


Conclusion: Reflections & Personal Takeaways

My own impacts aka Learnings

  1. Personalization trumps generalization. By implementing AI-driven content tailoring based on a progression of pregnancy, health conditions, and personal preferences, I'd expect high daily activity of users, long session duration, and high overall users' satisfaction.

  2. AI-driven voice control revolutionizes accessibility. Implementing voice-activated features in Momly app is expected to increase user adaptation and engagement among expectant mothers, especially mothers with mobility challenges or visual impairments. This hands-free interaction not only improved app usability but also empowered users to access critical information and track their pregnancy progress more independently.


Potential further development steps for the Momly app

should focus on cutting-edge technological enhancements and user-centric features, such as

  • Hybrid functionality. Implementing a mix of in-app features and third-party integrations (e.g., fitness trackers and nutrition apps). This strategy can also reduced feature development time, allowing Momly to focus on core pregnancy-specific functionalities.

  • Privacy settings that evolve with pregnancy stages. As users progressed through their pregnancy, their privacy needs changed dramatically. Early-stage users are more secretive, while later-stage users are more open to sharing. Implementing adaptive privacy settings that evolve with the user's journey could result in a decrease in account deletions.

  • Holistic health integration platform. Future development of Momly app could focus on creating seamless connections with wearable technologies, electronic health records, and telehealth services.


Conclusion: Reflections & Personal Takeaways

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.