keep-a-breast

Empowering Global Breast Health Education and Self-Checks via Mobile

The Keep A Breast mobile application, available on Android and iOS, is a crucial tool in the foundation's mission to reduce breast cancer risk globally. It empowers young people with breast health education and support through a 5-step self-administered breast exam, resources, and survivor stories. The redesigned application focuses on enhancing user experience, expanding language support, and providing real-time content updates.

keep-a-breast

Website is responsive to all devices

Key challenges

  • Encouraging Consistent User Engagement

    Motivating users to regularly perform self-checks and engage with educational content within the application.

  • Expanding Global Reach through Localization

    Adapting the application's content and user experience to cater to Spanish-speaking users in the US and Mexico, with potential for further language expansion.

  • Ensuring Consistent Workflow Across Languages

    Maintaining a consistent user experience and information architecture while translating the app into multiple languages.

  • Providing Seamless Content Updates

    Updating educational resources and survivor stories in real-time without requiring users to download new app versions.

  • Consolidating Navigation for Improved Usability

    Simplifying the app's navigation to ensure users can easily access all key features and information.

  • Personalizing User Experience

    Integrating user profiles to allow users to track their self-checks and access personalized information.

  • Gathering User Feedback and Addressing Bugs Efficiently

    Implementing a robust system for users to report issues and provide feedback for continuous improvement.

Our solution

Developed a User-Centric, Multilingual Mobile Application with Real-time Updates:

Intuitive 5-Step Self-Check Guide

Built a user-friendly, step-by-step guide for performing self-administered breast exams with custom illustrations and GIFs.

Comprehensive Breast Health Resources

Integrated educational content and support materials accessible directly within the application.

Inspirational Survivor Stories

Featured personal stories from breast cancer survivors to provide support and encouragement.

Multilingual Support (English, Spanish, French):

Developed the app and backend with i18n functionality to support content in English, French, and Spanish.

Real-time Content Updates via API

Built an API that allows for instant updates to app resources without requiring app store updates.

Consolidated Navigation with Bottom Navigation Bar

Simplified the user flow by condensing two previous navigation pathways into a single, easily accessible bottom navigation bar.

Integrated User Profiles

Introduced user profiles allowing users to edit preferences and review their past self-checks.

In-App Bug Reporting with InstaBug

Integrated InstaBug to enable beta testers and users to easily report bugs and provide feedback.

Brand-Specific Design System

Utilized the organization's existing color palette, a similar wave shape, and rounded corners to maintain brand consistency and a friendly feel.

Tech Stack

Laravel
Laravel
Cordova
Cordova
Figma
Figma
Ionic
Ionic
AWS SES
AWS SES
AWS
AWS
MySQL
MySQL
InstaBug
InstaBug
Firebase
Firebase
i18n
i18n
Image 1

The Results

The transformation enabled a smoother shopping experience, leading to higher customer satisfaction and stronger brand loyalty.

Enhanced User Engagement and Accessibility

The redesigned application provides a more intuitive and engaging experience, encouraging regular self-checks and interaction with educational content.

Expanded Global Reach through Multilingual Support

Supporting English, French, and Spanish allows the application to reach and empower a wider international audience.

Seamless and Timely Information Delivery

Real-time content updates ensure users always have access to the latest resources and survivor stories without app store delays.

Improved User Experience through Navigation and Personalization

Consolidated navigation and user profiles make it easier for users to access key features and track their breast health journey.

Data-Driven Improvements through User Feedback

The integration of InstaBug facilitates efficient bug reporting and allows the development team to prioritize user feedback for continuous app enhancement.

Consistent Branding and User Familiarity

The application's design system maintains brand consistency and provides a familiar experience for existing Keep A Breast supporters.

Significant User Adoption

The application has drawn in over 16,000 users since its initial launch in April 2020 (as of October 2021).

High Engagement in Self-Checks

More than 7,400 self-checks have been administered by users through the Keep A Breast app since its launch (as of October 2021).

Global Reach Across Multiple Countries

The Keep A Breast mobile app has users in 10 countries across the world, including France, the United States, and Mexico.

Positive User Rating

The application holds a strong average rating of 4.8 stars on both the App Store and the Google Play Store (as of October 2021).

Rapid User Account Growth

More than 3,500 user accounts were created within the first month of the application's launch.

Strong User Engagement Rate

Users of the Keep A Breast mobile app have demonstrated a high engagement rate of over 70% (as of October 2021).