BMBFA B’Right HUb
Design for web and mobile app
Overview
Black Mothers Breastfeeding Association, known as BMBFA, is focused on reducing the racial inequities that exist in breastfeeding support for black families in America.
BMBFA addresses this need for support by establishing both geographically-based and virtual clubs, connecting black women all over the United States who are in similar breastfeeding and parenting journeys. Their digital platform is known as BMBFA B’Right Hub.
Role
The entire end-to-end design process
Team
Solo designer, 1 PM, 2 developers, and client
Timeline
Nov 2022-Present
The current B’Right Hub has a platform for members and administrators. Due to time and financial constraints, the redesign is only for the member’s mobile and desktop platforms.
Discovery
The first step of the B’Right Hub’s redesign process involved me conducting a site audit for both mobile and desktop.
Some visual pain points include but aren’t limited to:
Inaccessible font sizing on mobile
Margins and paddings are tight for both mobile and web
Lack of cohesiveness with components including buttons and cards
Initial Research
I reviewed the provided data that led to the beta release of the platform but realized quickly I needed more. A survey with 60 participants was given out in 2018 with a number of closed-ended questions and only 2 user interviews were conducted in 2020. Therefore the target audience, their pain points, and wants & needs weren’t fully captured in the limited amount of data that was provided.
User Interviews
I needed to capture as much data as possible in order to defend my design decisions to the client. My goal was to prove the value of changing the scope of the second release of the app. Through my site audit, I had an idea of what needed to change but needed user validation.
The client wanted to continue to add features in order to increase engagement and I thought it would be helpful to instead consider improving on the features that were already there. So I decided to take the design process from the top and start with user interviews.
USER PAINPOints
I was able to speak to a member as well as a beta tester. Some repeated pain points were as follows:
User is not clear on where to view profile
Lack of consistency with messaging
No back button on mobile and no way to leave group/club
Unexpected actions while navigating from page to page
Accessibility issues with background images
Important actions are buried in the navigational heirachy
Design Iterations
Throughout the process, designs were presented to the client for feedback before proceeding. Below are a couple of mobile and desktop iterations for the home and group pages.
Developer Handoff
Both mobile and desktop designs were approved by the client and hand-off was given to developers. In order to facilitate the hand-off to developers, I make sure to use a color-coded system for padding and margins alongside components.
Current Status
The desktop and mobile version is in staging to be released Q1 of 2024