Luzzia

Inteligencia Energética en Tiempo Real

Luzzia

Luzzia es una plataforma web que transforma datos complejos de la Red Eléctrica en una herramienta de ahorro diario para más de 1.000 usuarios.

Proyecto: Desarrollo de PWA

UX/UI designFullstack DevAPI Integration

Año: 2026

Cliente: Luzzia

Link: Ver online

El desafío

El mercado eléctrico español es volátil y complejo. Para el usuario promedio, entender cuándo es más barato poner una lavadora o cargar un vehículo eléctrico requiere navegar por portales oficiales poco intuitivos. El reto era crear una plataforma ultra-rápida, accesible y visual que democratizara el acceso a los precios de la luz (REE) en tiempo real.



Puntos críticos: Complejidad de datos: interpretar APIs oficiales densas.

Fricción de usuario: Los usuarios necesitan la información en menos de 3 segundos.

Retención: Crear un motivo para que el usuario regrese cada día.

La estrategia

Diseñamos una experiencia centrada en la jerarquía visual inmediata.

Arquitectura de Información: Priorizamos el "Precio Actual" y las "Horas más baratas" mediante un dashboard de alto contraste.

Visualización de Datos: Implementamos gráficas dinámicas (Barras, Líneas y Circulares) que permiten al usuario alternar la vista según su preferencia cognitiva.

Diseño Emocional: El uso de una paleta de colores "Energía Inteligente" y bordes suaves transmite confianza y modernidad.
Dashboard principal de Luzzia con gráfico de precios por horas
Visualización interactiva de la evolución del mercado eléctrico con múltiples formatos de representación de datos.
Servicio de alertas inteligentes de Luzzia
Servicio de alertas inteligentes diseñado para maximizar el ahorro mensual de forma totalmente gratuita.
Página de aterrizaje de Luzzia orientada a la conversión
Página de aterrizaje orientada a la conversión que comunica el problema, la solución y casos de éxito reales.
  • Vista de precios en tarjetas — Luzzia móvil
  • Gráfico de precio por horas — Luzzia móvil
  • Casos reales de ahorro — Luzzia móvil
Adaptación responsive de dashboards complejos preservando la precisión de los gráficos en pantallas reducidas.

Stack Tecnológico

Para garantizar que Luzzia sea una Progressive Web App (PWA) de alto rendimiento, utilizamos:

  • Frontend

    Next.js para renderizado híbrido (SSR/ISR), asegurando que los precios estén siempre actualizados sin sacrificar el SEO.

  • Backend & APIs

    REE API Integración directa con los datos oficiales de Red Eléctrica de España (REE).

  • Optimización

    Google LCP Optimización de imágenes (SNAP) y Core Web Vitals. Google LCP < 3.0s para una experiencia de usuario fluida.

  • Despliegue

    Vercel Infraestructura serverless con certificados SSL automáticos, escalado instantáneo y dominio personalizado.

El resultado

Luzzia es una plataforma que convierte la complejidad del mercado eléctrico en una experiencia de usuario clara, directa y diseñada para el ahorro real.

  • +1,000 Usuarios Activos

    Comunidad que ahorra hasta un 30% en su factura mensual.

  • Rendimiento

    Puntuación de 95+ en PageSpeed Insights.

  • Conversión

    Sistema de suscripción integrado para alertas preventivas, transformando visitas casuales en usuarios recurrentes.