Rubén RomeroDiseñador UX/UI y Frontend
Todo el trabajo

Experiencia Phygital & App Interactiva: QR Showcase

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

Tres pantallas de la web app de Celeste: verificación de edad, selector de constelaciones y ficha de la Osa Mayor, sobre fondo lila.
Cliente
Familia Torres
Rol
Diseño UX/UI, Coordinación con cliente
Año
2025
Equipo
Adrián Rico (arquitectura y desarrollo), Ángeles (desarrollo frontend)
Herramientas
Figma

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. Mi parte era la experiencia digital que lo conectaba todo.

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í 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.

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. Compartí mockups y prototipos navegables en Figma y propuse 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. 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, nuestra solución de experiencias LED interactivas que se controlan desde el móvil con un QR, sin descargar ninguna app.

«La ejecución y la instalación fueron ágiles y eficientes, y supieron trasladar la estética de la marca a la perfección, consiguiendo una experiencia digital muy atractiva. Fue un proceso muy satisfactorio, sin duda volveremos a contar con ellos para futuros proyectos.»

Nerea Vilchez, Global Trade Marketing Manager Junior, Familia Torres