Terug naar geselecteerd werk

EcoCharge

Een interne mobiele applicatie en SharePoint-oplossing voor NORRIQ Belgium waarmee medewerkers de actuele status van laadpalen per kantoor kunnen opvolgen.

Analyse, UX/UI, branding, ontwikkeling en testen

  • .NET MAUI
  • C#
  • XAML
  • MSAL
  • HTML
  • CSS
  • JavaScript
  • GitHub Actions
  • SharePoint
Het dark-mode startscherm maakt de actuele capaciteit per kantoor in één oogopslag duidelijk.
Context
Stageproject voor NORRIQ Belgium
Team
Solo ontworpen en gebouwd
Mijn rol
Analyse, UX/UI, branding, ontwikkeling en testen
Stack
.NET MAUI, C#, XAML, MSAL en een SharePoint-webvariant
Ervaring
Android en iOS, Nederlands en Engels, dark en light mode

Project en context

EcoCharge begon bij de analyse van een intern probleem: medewerkers moesten snel kunnen zien welke laadpalen op een kantoor beschikbaar, bezet of defect waren. Ik werkte het volledige traject zelf uit, van scope, user stories en testen tot Figma, logo's en code.

Veilige toegang zonder extra account

De mobiele app gebruikte Microsoft-authenticatie zodat medewerkers met hun bestaande bedrijfsaccount konden aanmelden. Sessiedata werd veilig op het toestel bewaard en uitloggen ruimde de lokale gegevens opnieuw op.

Medewerkers gebruiken hun bestaande Microsoft-account om veilig toegang te krijgen.

Van beveiligde bron naar helder overzicht

De grootste technische uitdaging was actuele laadpaaldata uit een beveiligde bron ophalen en vertalen naar een rustig mobiel overzicht. Per locatie toont de app capaciteit, bezetting, defecten en het laatste verversmoment.

Statussamenvatting en individuele laadpalen combineren overzicht met detail.

Dezelfde informatie, andere voorkeuren

De gekozen afbeeldingen tonen het verschil tussen dark en light mode en het verschil in Nederlands en Engels. De informatie en bediening blijven op beide schermen bewust op dezelfde plaats.

Engels · Light mode — actuele capaciteit per kantoor in een lichte interface.
Nederlands · Dark mode — dezelfde informatie in een donkere interface.

Mijn rol

Ik was verantwoordelijk voor het volledige product: analyse, user stories, UX-flows, Figma-ontwerpen, visuele identiteit, implementatie en tests. Daardoor kon ik ontwerpbeslissingen rechtstreeks toetsen aan de technische realiteit.

Belangrijkste uitdaging

Toen de mobiele app door gewijzigde omstandigheden niet gelanceerd kon worden, bouwde ik in vier dagen een webvariant. Een geautomatiseerde datastroom publiceerde periodiek JSON die binnen SharePoint werd weergegeven.

Resultaat

Het resultaat was zowel een uitgewerkte cross-platformapp als een bruikbaar webalternatief voor de interne omgeving. EcoCharge toont hoe ik zelfstandig van een vaag probleem naar een getest en herkenbaar product werk.