CHALLENGE

The Keep a Breast Foundation™ mission is to empower young people around the world with breast health education and support. Their Check Yourself! free mobile app helps users around the world establish their own self-check routine.

NaNLABS joined forces with the app team to implement new designs on a yearly basis, to add new functionalities and to propose a major change in the technologies used in order to drastically improve the app’s user experience.

Check yourself mobile application custom mockup horizontal in woman hand
Check yourself mobile application custom mockup in woman hand
MAIN
FEATURES

New mobile app design implementation

Art is at the core of the Keep a Breast Foundation™. Every year, they partner with a different artist to bring awareness on the risks of breast cancer through a redesigned mobile app.

NaNLABS is proud to have implemented these stunning and impactful designs for two years in a row!

Custom arrow starting with a dot
check yourself mobile application custom mockup multiple screens

Key performance and usability improvements
through technology change

For the app’s latest version, we decided to put a major focus on improving the overall user experience.

The main challenge was to maintain the app’s signature – its very high visual quality-, while improving loading time, storage and maintenance performance.

To tackle these challenges, NaNLABS suggested to use a new combination of technologies for the app: React Native and Firebase.

NEW FRONT-END IMPLEMENTATION WITH REACT NATIVE

In its early days, the app was developed using CoronaLabs, a tech intended to develop video games. Instead of having an interactive interface, it was made of images with clickable zones.

As a result, the app was too heavy and and every change in the copy implied to upload a new image. For the whole screen. Also, it was necessary to have one image per language that was supported.

In order to improve the performance and usability, we migrated the app to React Native.

Custom green checkbox icon

OUTCOMES

Custom icon information star

MOVING THE BACKEND TO THE CLOUD, USING FIREBASE

Check Yourself!’s backend system was originally developed in Ruby on Rails. To simplify the database management, we migrated it to Firebase. It is a Google cloud service that is easy to set up and maintain.

It was also powerful enough to cover our needs of sending notifications and storing sessions’ information without requiring user authentication.

It also provides strong analytics, allowing to track anonymous sessions. A must to gather insights on the use of the app while respecting the privacy of its users.

You too should download the app! Read why on the Keep a Breast blog!

The Keep a Breast Foundation™ believes that art, education, awareness and action are sources of empowerment, healing and transformation. By making Check Yourself! a free, creative, interactive and informative mobile application, they are making the difference.

NaNLABS is proud to have contributed to improving the experience of its numerous users around the world.

Logo mobile application check yourself