Completado
Floox Charger
HMI para cargadores EV Lyra60 de Floox
Desarrollo de UI para los cargadores Lyra60 de Floox (60kW). OCPP 2.0, GoLang, WebSockets y panel de administración en Next.js. Barcelona y Europa.
HMI para cargadores EV Lyra60 de Floox
Desarrollo de UI para los cargadores Lyra60 de Floox (60kW). OCPP 2.0, GoLang, WebSockets y panel de administración en Next.js. Barcelona y Europa.
Cliente
Floox
Año
2024
Sector
IoT
Duración
8 meses
Equipo
4 personas
El reto
Los cargadores eléctricos de uso público suelen ofrecer interfaces confusas, con demasiados pasos y poca adaptación a condiciones de uso reales: iluminación exterior cambiante, usuarios sin experiencia técnica, y hardware con capacidades limitadas de navegador. Floox necesitaba una solución que hiciera la experiencia de carga tan sencilla como sea posible, con soporte para vehículos Tesla, BMW y MG, y compatible con el estándar OCPP 2.0.
La solución
Dribba desarrolló dos plataformas: la interfaz que el usuario final ve en la pantalla del cargador y el panel de administración web para los operadores de Floox. La interfaz del cargador se implementó con Vite para ejecutarse eficientemente en el navegador integrado del hardware, con comunicación en tiempo real mediante GoLang, REST APIs y WebSockets. El modo oscuro se activa automáticamente según la hora y las condiciones ambientales. El panel de administración se construyó en Next.js y TypeScript, permitiendo a los operadores gestionar y actualizar remotamente toda la flota.
Resultados
60 kW
Potencia máxima de carga
Los cargadores Lyra60 de Floox
2
Plataformas desarrolladas
Interfaz de usuario + panel de gestión remoto
El Lyra60 es un cargador de vehículo eléctrico de hasta 60 kW diseñado como mobiliario urbano, compatible con Tesla, BMW, MG y la mayoría de vehículos del mercado europeo. Floox encargó a Dribba desarrollar toda la capa de software: tanto la interfaz que el usuario ve en el propio cargador como la plataforma de gestión remota para los operadores.
La interfaz del cargador se construyó con Vite para garantizar un rendimiento óptimo dentro del navegador embebido del hardware, que tiene recursos limitados. La comunicación en tiempo real se implementó con GoLang, REST APIs y WebSockets, siguiendo el protocolo estándar OCPP 2.0. El diseño UX reduce al mínimo los pasos necesarios para iniciar una carga, e incluye un modo oscuro automático que se activa según la hora del día y las condiciones ambientales. El panel de administración se desarrolló en Next.js + TypeScript. Puedes saber más sobre nuestra especialidad en integración de hardware y sistemas.
La solución cubre el ciclo completo: desde que el usuario aparca y conecta el cable hasta que el operador consulta el estado de la flota en tiempo real desde cualquier dispositivo. Los Lyra60 ya están operativos en Barcelona y otras ciudades europeas, contribuyendo a la infraestructura de movilidad eléctrica urbana.
Si tu empresa trabaja con hardware conectado y necesitas integrar software a medida, consulta nuestros servicios de integración de hardware.
Stack tecnológico
¿Quieres algo así?
