Skip to main content
EVBox

Installer Experience.Reimagined

Aboutthe project

[ 01 ]

Context

EVBox was launching the Livo — a next-gen charger that needed a new installer app to ship with it. Hard deadline, no fallback.

The existing experience wasn't cutting it: confusing navigation, unreliable connectivity, no clear guidance. Instead of patching a broken foundation, we redesigned from scratch.

[ 02 ]

Challenge

Design end-to-end experience to let professional electricians install and configure next-gen EVBox chargers. Fast and friction-free.

[ 03 ]

My Design Footprint

  • Sole designer on the project. Owned the end-to-end design process from research to shipped product
  • Aligned hardware, firmware, mobile dev, regional, marketing, and tech writing teams
  • Ran user research across 4 markets (NL, BE, FR, NO)
  • Designed UX/UI, illustrations, animations, and configuration sticker

Ripples ofImpact

[ 04 ]

Outcome

  • Achieved connectivity target
    96.5% of new-gen chargers connected to the backend
  • 3x faster configuration
    Installers reported reduced friction and time-on-site
  • Improved installers' experience
    Positive feedback highlighted easier and more intuitive setup and testing
  • Recognised by customers
    EVBox Livo charging station was rated best overall by customers in P3 Group's 2023 Wallbox Benchmark, standing out in every category—especially for its installer experience, which scored 88.7 / 100
  • Recognised by industry experts
    Frankfurter Allgemeine Zeitung has ranked EVBox Livo as the smartest charging station on the market
Impact visualization showing the success metrics and achievements
EVBox Livo and Install app awards
[ 05 ]

What we cut

The EVBox Livo launch set a hard deadline. Not everything made it into version 1:

  • Connectivity status
    The app could only show internet connection, not whether the station reached the backend. Wi-Fi details were limited. Firmware wasn't ready, and the deadline didn't move.
  • Remote reboot
    Planned for the app, cut to physical hard reset only (power off the station).
  • Legal friction stayed
    Certified-electrician confirmation was required before configuration and on settings. A legal requirement I had to design around, not remove.

Given more time, I would have polished Wi-Fi configuration. Tech constraints made this the roughest part of the experience.

// Grab a coffee, it's a long read.

Behind theLayers

[ 06 ]

Research

I start from digging into how installers actually work with EVBox stations and competitors:

  • Interviewed installers across 4 markets (NL, BE, FR, NO) with regional teams.
  • Interviewed tech support, the people talking to installers every day.
  • Collected known issues and feedback on previous-gen stations from Product.
  • Hands-on tested 4 competitor stations with the Hardware Design team.
Photos of testing competitor charging stations and early EVBox prototypes
Fun of testing competitor charging stations and early EVBox prototypes
[ 07 ]

Key pain points

What installers struggled with most:

  • Pairing with the charging station requires manual input of ID, password, and security code (20-character strings)
  • The connection with the charging station is not stable.
  • No guidelines in the app on how to configure the station, what settings are required.
  • No clear feedback in the app if the settings are applied or not.
  • Confusing distribution of settings between installer and station owner modes.
  • Safety-sensitive settings accessible to non-professional users.
  • Not clear how to connect a station to the backend (Charging management system).
[ 08 ]

Strategic product decisions

Installer interviews shaped several product-level decisions I brought to the team:

  • Split installer and owner experience
    The old app mixed both roles — installers were confused, and non-professionals had access to safety-sensitive settings. I pushed for a clean separation.
  • Plug-and-charge by default
    Installers hated setting up backend connectivity on-site. I advocated for instant charging to enable testing without backend dependency.
  • Wi-Fi hotspot over Bluetooth
    I advocated for Bluetooth. Fewer edge cases, more straightforward for users. But supply chain risks and spare part availability outweighed UX preference. I accepted the tradeoff and designed around the complexity.
[ 09 ]

CJM

I mapped the to-be journey for the new-gen installer experience.

Customer Journey Map To-Be
Customer Journey Map To-Be

The NittyGritty

[ 10 ]

Wireframes and user flows

I kicked off the design phase with rapid user flows and wireframes as the fastest way to communicate ideas and align with Product and Development teams, surfacing technical constraints, errors, and edge cases early.

User flow diagram showing decision points for QR scanning vs manual entry and configuration
User flow. Happy scenario
Wireframes and user flows
Example of wireframes and user flows
Wireframes and user flows
Example of quick feature exploration with dev team
[ 11 ]

Pairing with the charger

The most critical flow in the app. Installers connect to the station's Wi-Fi hotspot and authenticate with a security code. For security reasons the network is visible only in the app.

We encoded all credentials into a QR code on the configuration sticker. One scan: auto-connect, auto-authenticate. Done.

Configuration sticker
Evolution of the Configuration Sticker

The happy path is quick. The edge cases aren't. 20-character security code, cross-platform Wi-Fi restrictions, denied camera access, failed authentication. Each one is a rabbit hole.

I cut manual input by using the station ID as the hotspot name and splitting long strings into 4-character chunks. For the rest, I mapped every error path with the dev team and designed recovery flows for both iOS and Android.

Usability tests with installers in the Netherlands and Germany refined sticker placement, in-app instructions, and the full interaction flow.

Pairing with the charger
Pairing with the charger
Edge case screens: manual pairing input, camera access denied, unable to connect
Edge cases: manual input, camera access, connection errors
[ 12 ]

Configuration flow

The Configuration Wizard tackles the biggest pain points in initial station setup.

Usability testing surfaced four issues:

  • Lost in connectivity sub-flows
    Close button was there. Nobody saw it. Everyone looked for a CTA at the bottom.

    Solution: Added a "Done" button where installers actually look — bottom of the screen.

  • Unclear sticker placement
    Participants didn't know where to put the configuration sticker.

    Solution: Rewrote instructions with the tech writing team.

  • No feedback after applying a setting
    Moving to the next step wasn't enough — users couldn't tell if a setting took effect.

    Solution: Added a green confirmation banner after each applied setting.

  • No clear endpoint
    Users didn't know what to do next after the configuration in the app was done.

    Solution: Combined final instructions with a completion confirmation screen.

Next round of testing: all issues resolved. Users rated it 5/5.

Usability test set up
Usability test online setup. From left to right: Notes, Figma prototype, Script, Product Owner, Participant, Myself.
Mock-ups of the Configuration flow
Configuration wizard
[ 13 ]

Visual design

Four constraints shaped the visual design:

  • Neutral branding
    The app works with EVBox and other brands — no EVBox logo, colors, or patterns allowed.
  • Product illustrations instead of photos
    Branded renders were off-limits. I created custom illustrations within the design system.
  • Light color mode
    Dark on light reads better everywhere installers work from underground parking to bright sunlight.
  • Design system compliance
    Built with existing design system components, patterns, and icons for cross-product consistency.
Some styles and components
Sneak peek at some styles and components
Illustrations
Example of Illustrations

// Complete happy path from pairing to configuration.

Setin Motion