We utilized multiple responsive breakpoints so that moms will always be served the perfect interactive experience across devices. We also diligently checked colors against contrast values established by ADA interactive standards.
We focused on displaying information uniformly and beautifully across devices.
Information tailored to the size of each device.
We utilized icons and check boxes to capture information without overwhelming users.
Comprehensive search results segmented by category and displayed in a simple yet effective manner.
Beautiful newsletters that help to engage, inform, segment and capture.
Subtle yet effective reminders to help users stick to the plan.
Drag and drop functionality utilizing the grid.
Getting the user up to speed so they can start taking advantage of the platform right away.
A set of special onboarding instructions to inform users how to get the most out of their experience on their iOS devices.
Two sets of special onboarding instructions to inform users how to get the most out of their experience on both mobile and desktop.
We create a branded color palette to distinguish the app as a unique experience within the Kaiser Permemente brand standards
A rigid 12 column grid system with dynamically spaced gutters gives us the consistency a user needs to easily identify information as the experience scales.
We created a library of custom icons throughout the digital ecosystem to guide the users journey.
In order to preserver a cohesive experience across all platforms and devices we created a detailed style guide that defines the roles of each module across each device.
The iOS style guide had minor discrepancies from the responsive web style guide in order to maintain the brand and the device standards the users are accustomed to.
Each element was designed to be responsive and adjust to its particular use case.
Many rules for spacing, hierarchy and typography were considered across each adjusted element.