Floox Charger
Development of the interface for Floox's new generation of electric vehicle chargers. More user-friendly and connected.
Challenge
Developing an effective interaction system between users and Floox's Lyra60 electric car chargers.
These chargers, designed as urban furniture, should provide a charging power of up to 60kW for a variety of vehicles, including Tesla, BMW, or MG models. The additional challenge lies in improving the user experience compared to the existing complex chargers, considering adverse conditions and the lack of lighting.
Solution
Our team collaborated closely with Floox in the creation of two essential web platforms. The first one is the user interface used by end-users to interact with the electric chargers, while the second one is the management web panel designed to oversee these chargers.
In the charger interface, we implemented the OCPP 2.0 protocol and developed internal communication protocols using GoLang, REST APIs, and websockets. To enhance the user experience, we focused on UX/UI design, creating user-friendly interfaces that reduce the number of necessary clicks, offer clear animations, and provide a dark mode that automatically adjusts according to the time and environmental conditions. To ensure optimal performance, we utilized Vite to run the solution within the chargers' browsers, despite certain technical limitations.
In parallel, we created a management panel based on NextJS and Typescript, enabling administrators to remotely visualize and update the chargers through a web platform.
This combination of web platforms offers a comprehensive and efficient solution for managing and interacting with the electric chargers.
Result
We are eager to see the Lyra60 in action on the streets of Barcelona and more cities across Europe, providing users with a high-quality electric car charging experience and contributing to the promotion of electric mobility in the city.