Say Hello

Kaiser Permanente

Kaiser Permanente

Project

Kaiser Permanente

Services

More informed mothers leads to healthier babies. Metajive partnered with Kaiser Permanente to create a digital ecosystem that assists mothers and expecting mothers from pre-conception through to their babies first birthday.

Challenge

We worked with a corporate client who wanted a truly progressive solution to help a large portion of their patient base. We needed to create a digital ecosystem consisting of a responsive website and native iOS app that kept user data synced across all devices. To serve a wide range of demographics all data needed to be HIPAA compliant for security and ADA compliant to help those with disabilities.

Strategy

In order to help mothers through this stressful time our goal was to keep the app as simple as possible while supplying all the information that would help them through this trying time.

Design

We created a space that felt at home in a hospital without being clinical. By using cool colors, soft lines and minimal icons we did our best to keep users at ease.

Responsively Designed
We focused on displaying information uniformly and beautifully across devices.
Mobile vs. Tablet
Information tailored to the size of each device.
Elegantly Detailed Checklists
We utilized icons and check boxes to capture information without overwhelming users.
Search
Comprehensive search results segmented by category and displayed in a simple yet effective manner.
Only what they need
Beautiful newsletters that help to engage, inform, segment and capture.
Keeping our users on track
Subtle yet effective reminders to help users stick to the plan.
Modular Design
Drag and drop functionality utilizing the grid.
Onboarding
Getting the user up to speed so they can start taking advantage of the platform right away.
iOS onboarding
A set of special onboarding instructions to inform users how to get the most out of their experience on their iOS devices.
Online onboarding
Two sets of special onboarding instructions to inform users how to get the most out of their experience on both mobile and desktop.

Details We Love

Headers

Color

Grid

Iconography

Style Guide

Style Guide
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.
Device focused Style Guide
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.
Modular Object Styles
Each element was designed to be responsive and adjust to its particular use case.
Variable Styles
Many rules for spacing, hierarchy and typography were considered across each adjusted element. 

Technology

This project took advantage of our abilities in native iOS development, fast performing server setups, custom API creation, high level responsive design patterns and security settings. By creating a user centered API we were able to create a seamless integration between the app and web experience for all users to enable data to continuously sync to the server in real time. Additionally, to promote the success of the project and healthy babies, we created user centered emails to keep users engaged and on track with their pregnancy.
  1. 01Responsive Website

    A site that adapts to look great on every screen.

  2. 02HIPAA Compliant Security

    HIPAA compliance is a government standard to ensure patient medical record privacy is maintained.

  3. 03ADA Compliant

    Designed to help users with disabilities within the standards outlined by the Americans with Disabilities Act (ADA).

  4. 0413 Tracking Tools

    A series of tools to help mother's track vital health information ranging from glucose levels and minutes of mothers activity to kick counters and diaper changes.

  5. 05Native iOS App

    Built for the highest performance on Apple devices.

  6. 06Smart Content Management System

    Our content management platform customized for each project.

  7. 07Social Integration

    Ability to effectively share on social media networks with optimized tags, text and images.

  8. 08User Account Systems

    We segment user's data to allow customized experiences and security around individual data.

  9. 09Stage Based Content Customizations

    Adjusting content based on user specific data.

  10. 10Location Based Content/User Customization

    Customization of user experience based on their physical location.

  11. 11Hospital & Clinic Specific Event Integration

    Each user is promoted specific events, classes and appointments based on their associated hospital.

  12. 12Custom User Based Email Communication

    Each user gets customized emails based on their pregnancy stage, tasks completed and relevant articles.

  13. 13CDN Integration

    Delivering files at ultra-high transfer speeds to increase site loading time and decrease server load.

  14. 14Server Based Image Optimization

    Our content management system creates multiple sizes of each image to optimize user experience and create faster loading sites.

  15. 15Custom Reporting

    Detailed reporting based on client specified metrics delivered ad hoc or at pre-determined intervals.

Conclusion

We spent 18 months creating 240 Wireframes, 6 prototypes and spending countless hours on iterations in an effort to help mothers make better decisions. We couldn't be more proud of our collaboration with Kaiser Permanente.

One more thing.

Related Projects

Web Development

Weta Workshop

Website

Pereira O'Dell