MoNoA users need easy-to-understand visual representations of their wearable data. The first thing users see when they open the app is the status of their stress and energy levels, without making them feel more stressed by it. The app also shows them the available programs and training options without overwhelming them with choices. It is a unique and user-friendly wearable and app that tracks stress throughout the day and shows users what’s best for their bodies.
A predefined branding was used to create the style of the website. By using vibrant colors and a lot of white space, we created a clean, fresh look that makes the products and services stand out.
For the MoNoA app, we implemented a custom BLE (Bluetooth Low Energy) protocol in a dedicated module, decoupled from the main app. The BLE protocol is implemented directly on top of the iOS and Android Bluetooth stacks, in Swift and Kotlin. Because we developed the BLE module and a dedicated testing app simultaneously, we were able to rapidly implement and test new features before fully integrating them into the final app. After the BLE module was developed it was implemented in the final app, where it downloads user’s stress data into a local database for visualization and summarisation using custom algorithms.
We created a content management system for (health) coaches to manage their video courses for their organizations. As a result, coaches can share specific content with specific audiences. In addition to the CMS, we developed an API Gateway so coaches can share their content with other platforms by using OpenAPI specifications and OAuth 2.0.
The coaches are able to upload videos, which are then retransmitted to different qualities like they are on Youtube. These videos are uploaded and converted using Amazon Web Services (such as S3, CloudFront, MediaConvert, SQS, and SNS). These videos are served with the HLS protocol. To facilitate communication between clients and coaches, we created a real-time chat that works across all platforms (on web and mobile app), using WebSocket.
Our design system approach is applied to all platforms and ensures quality and consistency through component-based design elements and atomic design principles. By using shared libraries and synchronized elements, our designers and developers are able to work smoothly and efficiently. Take a look at our design systems yourself.