A shop window you light up from your phone: the Celeste web app for Familia Torres

A physical shop window you light up from your phone: scan a QR code, pick a constellation and it switches on in the store. Rubén designed the web app and the giveaway landing page for Celeste, by Familia Torres.

Client: Familia Torres
Year: 2025
Type: Interactive shop window · Web app
Role: UX/UI design (Rubén R.) · Client coordination
Team: Adrián Rico (architecture and development), Ángeles (frontend development)
Tools: Figma

Three screens of the Celeste web app: age check, constellation picker and the Ursa Major page, on a lilac background.

Context

Celeste is a Familia Torres wine whose identity revolves around the night sky: its constellations appear on the label and across the brand's communication.

For the 2025 Christmas campaign, the Trade Marketing team wanted to bring that idea to a physical shop window at Licorería Lafuente in Barcelona, with a light panel drawing the constellations. Rubén's part was the digital experience that tied it all together. Adrián Rico handled the architecture and development, and Ángeles the frontend development.

The shop window live at Licorería Lafuente: the QR code opens the web app and each constellation you pick lights up on the panel.

Challenge

Anyone walking past had to be able to interact with the window from their phone, with nothing to download and within seconds. The same moment also had to bring in entries for a giveaway, while keeping access limited to people of legal drinking age.

And the deadline could not move: the store space was booked and the installation had to be ready before 5 December.

Five screens of the web app: constellation picker and the pages for Ursa Major, Ursa Minor, Cepheus and Cassiopeia. — The web app: pick a constellation and it lights up in the window while you read its story on your phone.

Process

The starting point was a QR code printed on the window vinyl. From there Rubén designed two pieces:

A giveaway landing page, shipped first so the promotion could start in early November.
The interaction web app, with four constellations (Ursa Major, Ursa Minor, Cepheus and Cassiopeia). Picking one sends a signal to the window panel and the constellation switches on.

Rubén built on the brand's own materials: the night-blue gradient, the label's constellations and the corporate typeface, for which a web licence had to be obtained to use it on screen. He shared mockups and clickable Figma prototypes, and asked the client to leave feedback as comments directly on the design, which made each round of changes much faster.

Solution

For the giveaway, a short flow: three steps explained up front, a form asking only for what is essential plus a photo of the purchase receipt, which the brand checks later. Prizes are awarded through a scheduled winning moment, so the result appears instantly. Rubén gave the winner screen and the "not this time" screen the same care, and the latter invites people to keep trying.

The age check does not just shut the door: if someone says they are underage, it explains why they cannot continue.

Visually: the gradient sky, translucent cards, the brand serif for headings and a single lilac for the main action, so the phone screen and the window feel like part of the same night.

Full entry form with first name, surname, email, receipt upload and acceptance of the terms.

Winner, no-prize and 404 error screens sharing the same visual style. — Result and error states share the same visual language.

Outcome

The giveaway went live in early November and the window was installed in the store for the Christmas campaign. Adrián Rico built the architecture and the connection to the light panel, and Ángeles handled frontend development.

Today the Celeste window is one of the real cases of LednPlay, the interactive LED experience solution built by Deseo Lab and Valen Code Labs: it is controlled from a phone through a QR code, with no app to download.