Milence

Milence is a Netherlands-based company building Europe's first large-scale public charging network for heavy-duty trucks.

Key Insights about Milence

Challenge

Milence partnered with the payment terminal vendor to install custom software for processing payments and providing drivers with the ability to track charging progress.

Based on the project scope, we identified three key challenges.

1. UX/UI Design. The terminal's small display size, limited color reproduction, and localization requirements were major design challenges.

2. Security Adherence of Terminal Vendor. Ensuring the app adhered to stringent security guidelines set by Milence and their vendor was critical. This involved integrating with third-party systems without compromising security and passing Non-Disturbance Testing (NDT).

3. QA Testing. Testing the application was another challenge, especially in the synchronization with the client’s backend developer.

Process

The Milence project workflow underwent all key stages from Scoping to Release.

During the Pre-project stage, we communicated with the client to understand their needs and expectations of the apps’ features and functionalities. The client came to us with ready-made research and a clear vision of how the app should look. They also prepared wireframes with screens for all future flows.

This provided a good start, and our task was to think through all possible corner cases, errors, and anticipate all possible scenarios. Since the app deals with clients' finances, the quality of our work had to be top-notch.

When working on IoT projects, we always ask for the actual device. That’s why Milence, along with the vendor, sent us the payment terminal and 2 testing payment cards (MasterCard and Visa) so we could develop and test all the features of the application directly.

Five members of the Stormotion team participated, including a Project Manager, 2 Andoid Developers, UX/UI Designer, and QA Engineer. It took about 43 weeks to deliver the app to the client.

Solution

The development process followed an Agile methodology, which allowed the team to adapt to changes and work efficiently.

To address the small display and color reproduction issues, our designer tested various color schemes and fonts in real-time on the actual terminal. We adjusted the element sizes and layouts to ensure usability and readability. Localization was handled by reducing font sizes and shortening phrases (after confirmation with the client) without breaking the layout. The result was a design that looked dull and dusty in Figma but was clear and readable on the terminal.

The development team maintained high standards by achieving 81% test coverage and top ratings in Reliability, Security, and Maintainability using SonarQube. The app successfully passed NDT set by the terminal vendor and met Milence’s security guidelines.

The QA Engineer closely collaborated with the client’s backend developer to conduct testing. This collaboration was essential because backend developer adjusted values on their side, enabling our QA Engineer to perform their tasks effectively. They ensured the app functioned correctly across all supported languages. The team also conducted interruption testing to verify the terminal's behavior during internet outages and tested the app's functionality after long idle periods.

The key features implemented in Milence included: language selection, station/connector selection with status displays (e.g., occupied/not occupied) for charging, starting charging, monitoring charging statistics, ending charging, viewing final statistics after completion, contacting the support center, displaying errors at different stages, automatic session termination, and returning to the current charging session. We also added the ability to scan a QR code for remote monitoring of charging via smartphone.

Success for Milence from a:

Client's Perspective

Pauline Gugelot

Product Owner @ Milence