EVBox Everon app. Smart Charging

Context

Over three years, I continuously evolved the user experience of the EVBox Everon app introducing new features, refining interactions, and improving overall usability.

My Design Footprint

UX/UI design for mobile, Design system, Prototyping, Usability testing, later Design leadership

Signals of Success

  • 3.2 → 4.4 App Store rating uplift
    Significant improvement in user satisfaction reflected in improved app store rating
  • Smartest charger award
    Frankfurter Allgemeine Zeitung has ranked EVBox Livo together with the apps as the smartest charging station on the market
  • Better user experience
    Ongoing UX improvements led to more positive user feedback and fewer support cases over time

Charging with Solar Energy

For the first time, we introduced advanced hardware capabilities to a non-technical audience. The challenge was to define the most valuable settings for end users and present them with clarity and simplicity.

After talking to hardware architects and a series of user interviews, I proposed introducing three predefined "charging modes" to make setup easier for non-technical users. Each mode combined technical settings into a clear, easy-to-understand option:

  • Full Power prioritizes maximum available charging speed regardless of weather conditions
  • Hybrid combines solar and grid energy, minimizing grid usage and reducing charging costs
  • Full Solar uses only solar energy for charging; the charging speed is slow and depends on weather conditions
Changing charging modes
Charnge charging mode

Loading states

When I joined the team, I noticed that the app lacked loading states, which led to a confusing experience, especially during longer waiting times. User feedback and app store reviews confirmed this: users were often frustrated by delays when interacting with the charging station.

I began by analyzing and categorizing all possible loading scenarios across the app.

Categorization of loading states
Categorization of loading states
Example of loading states
Example of loading states

Contextual animations

Some actions in the app took a long time to process, sometimes over 30 seconds. To make these waits feel shorter, I designed contextual animations and messages that explained what was happening in the background.

One example was ending a charging session: instead of showing a static loading screen, I introduced clear animated stages:

  • Request sent
  • Confirmation
  • Loading session report

This gave users a sense of progress and even allowed them to exit earlier without losing data.

End charging session loading experience
End charging session loading experience
End session animation steps
End session animation steps

More details are coming soon…