Jarno Hennes
Back to selected work

From first user story to working charging experience

EcoCharge

An internal mobile application and SharePoint solution for NORRIQ Belgium that lets employees monitor current charging-station availability by office.

Analysis, UX/UI, branding, development and testing

  • .NET MAUI
  • C#
  • XAML
  • MSAL
  • HTML
  • CSS
  • JavaScript
  • GitHub Actions
  • SharePoint
The dark-mode home screen makes current capacity by office clear at a glance.
Context
Internship project for NORRIQ Belgium
Team
Designed and built solo
My role
Analysis, UX/UI, branding, development and testing
Stack
.NET MAUI, C#, XAML, MSAL and a SharePoint web variant
Experience
Android and iOS, Dutch and English, dark and light modes

Project and context

EcoCharge started with the analysis of an internal problem: employees needed a quick way to see which office chargers were available, occupied or defective. I completed the full journey myself, from scope, user stories and tests to Figma, logos and code.

Secure access without another account

The mobile app used Microsoft authentication so employees could sign in with their existing company account. Session data was stored securely on the device and signing out cleared the local data again.

Employees use their existing Microsoft account for secure access.

From secured source to clear overview

The main technical challenge was retrieving current charger data from a secured source and translating it into a calm mobile overview. Each location shows capacity, occupancy, defects and the latest refresh time.

A status summary and individual chargers combine overview with detail.

Same information, different preferences

The selected screens show the difference between dark and light modes and between Dutch and English. Information and controls deliberately remain in the same place on both screens.

English · Light mode — current capacity by office in a light interface.
Dutch · Dark mode — the same information in a dark interface.

My role

I was responsible for the complete product: analysis, user stories, UX flows, Figma designs, visual identity, implementation and tests. This let me test design decisions directly against technical reality.

Main challenge

When changed circumstances prevented the mobile app from launching, I built a web variant in four days. An automated data flow periodically published JSON that was displayed inside SharePoint.

Result

The result was both a developed cross-platform app and a usable web alternative for the internal environment. EcoCharge shows how I independently turn an unclear problem into a tested and recognisable product.