ENI

EV

charging

experience

Accelerating adoption of e-mobility

Atoms

Components

See Figma file

ENI

EV

charging

experience

Accelerating adoption of e-mobility

Atoms

Components

See Figma file

ENI

EV

charging

experience

Accelerating adoption of e-mobility

Atoms

Components

See Figma file

Use case

Context

Context

Project

Project

UX Process

Research

Research

Define

Define

Ideate

Ideate

Prototype

Prototype

Test

Test

Dev specs

Dev specs

Results

Outcomes

Outcomes

Metrics

Metrics

Awards

Awards

ENI gas e luce is the retail energy company of ENI, one of Italy’s largest energy groups.

It supplied gas and electricity to households and businesses, and expanded into renewable energy and electric mobility services,

ENI gas e luce is the retail energy company of ENI, one of Italy’s largest energy groups.

It supplied gas and electricity to households and businesses, and expanded into renewable energy and electric mobility services,

My

role

I was responsible for the end-to-end design process of their B2C mobile charger finder app, from user research and experience mapping, to interface design and prototyping. I worked closely with Product Managers, Engineers, and EV industry specialists to align user needs with business goals.

My

role

I was responsible for the end-to-end design process of their B2C mobile charger finder app, from user research and experience mapping, to interface design and prototyping. I worked closely with Product Managers, Engineers, and EV industry specialists to align user needs with business goals.

My

role

I was responsible for the end-to-end design process of their B2C mobile charger finder app, from user research and experience mapping, to interface design and prototyping. I worked closely with Product Managers, Engineers, and EV industry specialists to align user needs with business goals.

0

Charging points

0

Compatible chargers

Distribution Centers

Distribution Centers

0

Countries

0

Users

Design thinking sprints

Design thinking sprints

UX
process

UX
process

UX
process

The core user

The core user

Name

Name

Name

Lukas Meier

Lukas Meier

Lukas Meier

Location

Location

Location

Zurich, Switzerland

Zurich, Switzerland

Zurich, Switzerland

Car

Car

Car

Hyundai Kona

Hyundai Kona

Hyundai Kona

Age

Age

Age

37

37

Goals

  • Charge easily while on the move

  • Charge easily while on the move

  • Charge easily while on the move

  • Plan trips with optimal charging stops.

  • Plan trips with optimal charging stops.

  • Ttransparent pricing and access to cheaper, off-peak charging.

  • Ttransparent pricing and access to cheaper, off-peak charging.

  • Real-time updates on availability, compatibility, and maintenance.

  • Real-time updates on availability, compatibility, and maintenance.

  • Real-time updates on availability, compatibility, and maintenance.

  • Real-time availability with smart filters (speed, plug type, network).

  • Real-time availability with smart filters (speed, plug type, network).

  • Real-time availability with smart filters (speed, plug type, network).

  • Unified wallet & billing across networks (Twint, Apple Pay, RFID).

  • Unified wallet & billing across networks (Twint, Apple Pay, RFID).

  • Unified wallet & billing across networks (Twint, Apple Pay, RFID).

  • Favorites & history for recurring locations.

  • Favorites & history for recurring locations.

  • Favorites & history for recurring locations.

  • Predictive suggestions based on habits (e.g. “charge now to avoid peak times”).

  • Predictive suggestions based on habits (e.g. “charge now to avoid peak times”).

  • Predictive suggestions based on habits (e.g. “charge now to avoid peak times”).

Frustrations

  • Arriving at chargers that are occupied or out of order.

  • Arriving at chargers that are occupied or out of order.

  • Arriving at chargers that are occupied or out of order.

  • Lack of filters for charging speed, or payment methods.

  • Lack of filters for charging speed, or payment methods.

  • Lack of filters for charging speed, or payment methods.

  • App UX Slow, cluttered, or not tailored for use while driving.

  • App UX Slow, cluttered, or not tailored for use while driving.

  • App UX Slow, cluttered, or not tailored for use while driving.

  • Long registration processes for each app depending of the charger

  • Long registration processes for each app depending of the charger

  • Long registration processes for each app depending of the charger

User interviews

I visited multiple EV charging points and had brief conversations with users to gather their opinions about existing charger-finding apps.

I visited multiple EV charging points and had brief conversations with users to gather their opinions about existing charger-finding apps.

“Long registration forms are ususally annoying”

Maria

“Long registration forms are ususally annoying”

Maria

“Long registration forms are ususally annoying”

Maria

User journey Charging

1.Plug-In & Session Start


Touchpoints

  • User connects EV to charger and initiates charging via the app.

User Actions

  • Opens app → selects charger → starts charging.

System Response

App confirms connection, shows charging started with real-time status.

Emotions

  • Relief,

  • Confidence that the process is working.

Opportunities

  • Provide reassuring animation or feedback (e.g., glowing car outline or progress ring).

2. Charging Progress

Touchpoints

Touchpoints

  • Charging session is active.

Actions

Actions

  • User glances at app during charging.

Thoughts

Thoughts

Displays:

• % battery charged

• Estimated time remaining

• Energy delivered (kWh) • Cost so far

“I want good rewards but also a trustworthy validator.”

Emotions

Emotions

  • Curious,

  • Informed,

  • In control.

Opportunities

Opportunities

  • Visualize progress with dynamic progress bar, optional notifications (e.g., “50% charged, ~20 min remaining”).

3. Secondary Activities

Touchpoints

Touchpoints

  • While waiting, user may want to do something else.

Actions

Actions

  • Navigates app for:

  • Loyalty points / rewards

  • Charging history

  • Nearby amenities (café, shop)

Thoughts

Thoughts

  • Offers relevant info without disrupting session view.

“I hope my rewards are worth it, and I can relegate later if needed..”

Emotions

Emotions

  • Engagement, added value beyond waiting.

Opportunities

Opportunities

  • Integrate partner offers (coffee discounts, parking info).

4. Smart Notifications


Touchpoints

Touchpoints

  • Key events (50%, 80%, session complete, unexpected error).

Actions

Actions

  • Checks phone or smartwatch.

Thoughts

Push notifications with clear CTA (e.g., “Charging complete – unplug to free station”).

Emotions

Emotions

Reassured, guided.

Opportunities

Opportunities

  • Let user customize notifications (only full charge, or every 20%).

5. Session Completion


Touchpoints

Touchpoints

  • Battery reaches target % (user-defined or 100%).

Actions

Actions

  • Stops session via app or automatically ends.

Thoughts

Thoughts

  • Summary screen with: kWh delivered, duration, total cost, CO₂ saved.

  • Digital receipt + add to charging history.

Emotions

Emotions

Satisfaction, accomplishment.

Opportunities

Opportunities

  • Encourage sharing impact (“You saved the equivalent of planting 3 trees 🌱”).

6. Post-Session Engagement


Touchpoints

Touchpoints

  • After unplugging.

Actions

Actions

  • Reviews session summary in app.

Thoughts

Thoughts

Suggests:

• Rate the station

• Save charger as favorite • Plan next charge (route planning)

Emotions

Emotions

Trust, loyalty, sense of belonging to a community.

Painpoints

Opportunities

Opportunities

  • Gamify with badges/rewards for eco-driving and frequent charging.

The
design

Initial view of the app

Activated filter

Swipe to start and finish charge

View of main filters

Splash screen

The
design

Initial view of the app

Activated filter

Swipe to start and finish charge

View of main filters

Splash screen

The
design

Initial view of the app

Activated filter

Swipe to start and finish charge

View of main filters

Splash screen

Core Insight

In most EV charger apps, users struggle with too much technical detail and poor UI prioritization.

In most EV charger apps, users struggle with too much technical detail and poor UI prioritization.

The Outcome

The Outcome

At the time of development of this app in the year 2019 the use cases for payments after a charging session needed to be an expensive custom development, as Paypal and the different banks do not offered options for this use case.

The app was developed in React Native and released for iOS and Android with a different brand and some bugs regarding payment sessions, the project was stoped because some issues with the APIs.

At the time of development of this app in the year 2019 the use cases for payments after a charging session needed to be an expensive custom development, as Paypal and the different banks do not offered options for this use case.

The app was developed in React Native and released for iOS and Android with a different brand and some bugs regarding payment sessions, the project was stoped because some issues with the APIs.

0%

Time cost savings

0%

Adoption rate

0%

Session frequency and duration

0%

Time cost savings

0%

Adoption rate

0%

Session frequency and duration

0%

Time cost savings

0%

Adoption rate

0%

Session frequency and duration

Back