Un escaparate que se ilumina desde el móvil: la web app de Celeste, de Familia Torres

Un escaparate físico que se ilumina desde el móvil: escaneas un QR, eliges una constelación y se enciende en la tienda. Rubén diseñó la web app y la landing del sorteo para Celeste, de Familia Torres.

Cliente: Familia Torres
Año: 2025
Tipo: Escaparate interactivo · Web app
Rol: Diseño UX/UI (Rubén R.) · Coordinación con cliente
Equipo: Adrián Rico (arquitectura y desarrollo), Ángeles (desarrollo frontend)
Herramientas: Figma

Tres pantallas de la web app de Celeste: verificación de edad, selector de constelaciones y ficha de la Osa Mayor, sobre fondo lila.

Contexto

Celeste es un vino de Familia Torres cuya identidad gira en torno al cielo nocturno: sus constelaciones aparecen en la etiqueta y en toda la comunicación de la marca.

Para la campaña de Navidad de 2025, el equipo de Trade Marketing quería llevar esa idea a un escaparate físico en la Licorería Lafuente de Barcelona, con un panel de luces que dibujase las constelaciones. La parte de Rubén era la experiencia digital que lo conectaba todo. La arquitectura y el desarrollo fueron de Adrián Rico, y el desarrollo frontend, de Ángeles.

El escaparate funcionando en la Licorería Lafuente: el QR abre la web app y cada constelación elegida se enciende en el panel.

Reto

Que cualquiera que pasara por delante del escaparate pudiera interactuar con él desde su móvil, sin descargar nada y en pocos segundos. Además, había que aprovechar ese momento para captar participantes en un sorteo, respetando que el acceso está limitado a mayores de edad.

Y con una fecha que no se podía mover: el espacio en tienda estaba comprometido y la instalación tenía que estar lista antes del 5 de diciembre.

Cinco pantallas de la web app: selector de constelaciones y fichas de Osa Mayor, Osa Menor, Cefeo y Casiopea. — La web app: eliges una constelación y se ilumina en el escaparate mientras lees su historia en el móvil.

Proceso

El punto de partida fue un QR impreso en el vinilo del escaparate. A partir de ahí, Rubén diseñó dos piezas:

Una landing previa con el sorteo, que salió primero para que la promoción pudiera arrancar a principios de noviembre.
La web app de interacción, con cuatro constelaciones (Osa Mayor, Osa Menor, Cefeo y Casiopea). Al elegir una, la web envía la señal al panel del escaparate y la constelación se enciende.

Rubén trabajó sobre los materiales de la marca: el fondo azul noche con degradado, las constelaciones de la etiqueta y su tipografía corporativa, de la que hubo que conseguir la licencia web para usarla en pantalla. Compartió mockups y prototipos navegables en Figma y propuso al cliente dejar el feedback como comentarios directamente sobre el diseño, lo que agilizó mucho las rondas de cambios.

Flujo del sorteo: verificación de edad, formulario de participación, pantalla de premio y pantalla sin premio. — El sorteo: verificación de edad, participación y resultado al instante.

Solución

Para el sorteo, un flujo corto: tres pasos explicados al inicio, un formulario con solo los datos imprescindibles y la foto del ticket de compra, que la marca valida después. El premio funciona con un momento ganador programado, así que el resultado aparece al instante. Rubén diseñó con el mismo cuidado la pantalla de premio y la de «esta vez no fue posible», que invita a seguir participando.

La verificación de edad no bloquea en seco: si alguien indica que es menor, se le explica por qué no puede continuar.

En lo visual, el cielo degradado, tarjetas translúcidas, la serif de la marca en los titulares y un único lila para la acción principal. Así, la pantalla del móvil y el escaparate se sienten parte de la misma noche.

Formulario completo de participación con campos de nombre, apellidos, email, subida del ticket y aceptación de bases legales.

Pantallas de premio, sin premio y error 404 con el mismo estilo visual. — Los estados de resultado y de error comparten el mismo lenguaje visual.

Resultado

El sorteo se puso en marcha a principios de noviembre y el escaparate se instaló en tienda para la campaña de Navidad. La arquitectura y la conexión con el panel de luces las hizo Adrián Rico, y el desarrollo frontend, Ángeles.

Hoy el escaparate de Celeste es uno de los casos reales de LednPlay, la solución de experiencias LED interactivas que desarrollamos Deseo Lab y Valen Code Labs: se controla desde el móvil con un QR, sin descargar ninguna app.