Completed
Floox Charger
HMI for Floox Lyra60 EV chargers
UI development for Floox Lyra60 chargers (60kW). OCPP 2.0, GoLang, WebSockets and Next.js admin panel. Barcelona and Europe.
HMI for Floox Lyra60 EV chargers
UI development for Floox Lyra60 chargers (60kW). OCPP 2.0, GoLang, WebSockets and Next.js admin panel. Barcelona and Europe.
Client
Floox
Year
2024
Industry
IoT
Duration
8 meses
Team
4 people
The challenge
Public electric chargers often present confusing interfaces, with too many steps and little adaptation to real usage conditions: changing outdoor lighting, users without technical experience, and hardware with limited browser capabilities. Floox needed a solution that made the charging experience as straightforward as possible, with support for Tesla, BMW and MG vehicles, and compatibility with the OCPP 2.0 standard.
The solution
Dribba developed two platforms: the interface the end user sees on the charger screen, and the web administration panel for Floox operators. The charger interface was built with Vite to run efficiently in the hardware's embedded browser, which has limited resources. Real-time communication was implemented with GoLang, REST APIs and WebSockets. Dark mode activates automatically based on time of day and ambient conditions. The administration panel was built in Next.js and TypeScript, allowing operators to manage and remotely update the entire fleet.
Results
60 kW
Maximum charging power
Floox Lyra60 chargers
2
Platforms developed
User interface + remote management panel
The Lyra60 is an electric vehicle charger delivering up to 60 kW, designed as urban street furniture, compatible with Tesla, BMW, MG and most vehicles on the European market. Floox commissioned Dribba to develop the complete software layer: both the interface users see on the charger itself and the remote management platform for operators.
The charger interface was built with Vite to ensure optimal performance within the hardware's embedded browser, which has limited resources. Real-time communication was implemented with GoLang, REST APIs and WebSockets, following the OCPP 2.0 standard protocol. The UX design minimises the steps required to start a charge, and includes an automatic dark mode that activates based on time of day and ambient conditions. The administration panel was developed in Next.js + TypeScript. Learn more about our specialism in hardware and systems integration.
The solution covers the complete cycle: from when the user parks and plugs in the cable to when the operator checks the fleet status in real time from any device. The Lyra60 units are already operational in Barcelona and other European cities, contributing to urban electric mobility infrastructure.
If your company works with connected hardware and needs custom software integration, take a look at our hardware integration services.
Tech stack
Want something like this?
