Grace Warnock's UX Portfolio

Mama Care Collective

Mama Care

Collective

Mama Care Collective (MCC) is a resource designed around providing prenatal and postpartum education to support mothers through the challenging transition into motherhood. Founded by nurse and mom, Gabrielle Jozwiakowski, MCC values evidence-based, science-backed content, judgment free community spaces, and honest, real-life experiences.

This project includes updating the current UI for usability and brand consistency, setting up analytics systems, and designing an interactive online course through squarespace web builder.

Audit + Recommendations

AEO + Marketing

Research + Next Steps

Step 1: Full Site Audit

Step 1: Full Site

Audit

Step 1: Full Site Audit

MCC’s primary request was for a detailed audit of their existing site, looking for usability issues, visual cohesion, and areas for an improved user experience. I began with an inspection of every page on the site, checking for formatting, readability, consistent text styles and brand voice, and responsiveness between desktop and mobile breakpoints. In this initial survey, I made the following recommendations:

Next, I tested the user journeys provided by the business to check for usability, pain points, and any buttons or links with missing connections and found the following:

Add an overlay to the hero image on the homepage so that the text on top is readable

Add a favicon so that the site is distinguishable between window tabs

Decide on and apply cohesive pronouns when referring to the business (I/me vs we/us) to avoid confusing users

Add links for each page to the site footer

Consider replacing stock images with photographs that better reflect the warm, friendly voice used in the copy

Re-imagine the layout for the services page so that the service name, description, and “book now” button are more clearly grouped

An underlined link on the “Book Now” page was missing a connection

The links on the error page were not underlined, so it was unclear that they were clickable

The top navigation bar was not sticky, causing users to have to scroll all the way back to the top of the page for navigation

The “Learn More” button for the unfinished virtual course led to an error page, leaving users with no information on what to expect or look forward to

Next, I tested the user journeys provided by the business to check for usability, pain points, and any buttons or links with missing connections and found the following: