The client

BCM is on a mission to take away the fear of learning math and replace it with excitement to explore the wonders of it. With this endeavor they aimed to create a fun and engaging workspace where instructors and students could come together and discover the digital world of learning math with manipulatives. We were pleased to play our part in bringing this vision to life.

The challenge

To put it simply BCM is a web app designed to help children learn math in a playful manner. Our role in this was to:

Design the app in a way to imitate the feeling of online games.
Understanding student and teacher behavior independently and in parallel to each other, to deliver a product that allows effective collaboration.
Make the app cross-functional across devices, and include touch interactions to trigger sensory learning in children.
Above all, make everything as easy and intuitive as possible.

The solution

To deliver an efficient solution:

We gave the outlook a more illustrated brand identity which would make BCM’s vision shine through the interface and the functioning of the app.
The team also included a bunch of playful elements throughout the app and its interactions, which included custom illustrations, colorful widgets and more
Introduced simpler user flows, which enhanced the overall experience.

A glimpse of the New Modernised Design and the Old Design

User Journey Diagram

Following is the user journey of the BCM Web Application which was provided by the founder. We built upon this to enhance the user journey and make simple and easy, in comparison to the older version which was time consuming and a bit difficult to navigate.

For kids the product must be playful

Play has been a fundamental part of children’s learning and development and this is BCM’s essence. This was the journey of bringing that to life via a gamified learning platform that reflected their core beliefs and principals, of providing each child a carefree and effective learning environment.

With all this in mind we curated multiple graphical inspirations. Together with BCM we brainstormed some more to bring out the elements that would best represent what sets the braining camp apart.

After which we delivered an enhanced user experience supported by our cheerful illustrations and engaging web app.

Wireframes

Getting to the tactical parts following the ideation and thorough understanding of the brand, we started sketching wireframes of the user flows we planned on incorporating in the app.

In addition to this we also delivered the required technical assistance for the content requirements communicated to us by the BCM team.

We delivered ample variations for screens as well as components for them to choose from.