DISEÑO

|

BRANDING

|

VIDEOS

|

SOCIAL MEDIA

|

PAGINAS WEB

|

EXPERIENCIA DE USUARIO

|

EDICIÓN

|

INTELIGENCIA ARTIFICIAL

|

Persona sentada en una terraza de café mirando su portátil con un menú en pantalla, acompañado de un plato con ensalada, pan y huevos revueltos, y una taza de café con leche. En el fondo, la calle con árboles y la catedral de Barcelona.

Case Study

Billy Brunch

Llevando la experiencia del brunch a la web

Cara de pollito amarillo con lengua afuera, estilo dibujo cartoon, en papel adhesivo

Hombre joven con gafas de pasta y barba, sonriendo, en un entorno de oficina moderna con iluminación cálida y plantas decorativas.

Por: Sergio Viegas

Después de visitar Billy Brunch varias veces, me di cuenta de algo: sus restaurantes estaban llenos de personalidad, pero su web no terminaba de transmitir la misma experiencia.

Los platos llenos de color, los pancakes, el característico logo amarillo, sus vehículos rojos, el té marroquí con menta y ese ambiente de buen rollo forman parte del universo Billy Brunch.

Así que decidí llevar un poco más de todo eso a su experiencia digital.

Taza de café con leche con arte de dibujo de un gato sonriente en la espuma, sobre plato amarillo.

Dos mujeres en una cafetería, una mostrando algo en su teléfono móvil a la otra, con comida y bebida en la mesa.

El enfoque

Comencé investigando la marca: restaurantes, menú, platos, uniformes, elementos gráficos e incluso entrevistas a su fundador, Billy Thorens.

A partir de ahí reestructuré el contenido existente y diseñé una experiencia más visual, interactiva y fácil de navegar.

Simplifiqué el menú en Food & Drinks, agrupé los restaurantes dentro de Locations con acceso directo a Google Maps, incorporé reseñas reales de Tripadvisor como prueba social y sustituí opciones secundarias como Jobs y Gift Cards por formularios interactivos.

También incorporé navegación optimizada para móvil, acceso a redes sociales y contacto directo con el WhatsApp central de Billy Brunch.

Construyendo el universo visual

Parte del contenido que imaginaba para la nueva experiencia no existía, así que decidí crearlo.

Utilicé referencias reales de los restaurantes para generar nuevas imágenes con Google Flow y posteriormente transformé algunas de ellas en secuencias de vídeo con Omni 1.1 Flash, utilizando movimientos de cámara sutiles centrados en el producto y la marca.

Con Figma trabajé elementos de interfaz y recursos gráficos, mientras que Squarespace me permitió diseñar y construir la experiencia responsive completa, incorporando código personalizado cuando fue necesario.

También convertí elementos característicos de Billy Brunch —como sus vehículos rojos— en pequeños recursos interactivos que aparecen y se desplazan con el scroll.