UX/UI

Product

Web Dev

Tripolaris — Web

Tripolaris — Web

Identidad digital para bar-restaurante en Barcelona

Identidad digital para bar-restaurante en Barcelona

Cliente

Bar-restaurante

Mi rol

Diseño UX/UI + Desarrollo Web

Duración

2 semanas

Localidad

Barcelona, Cataluña

01 — El Reto

El problema

Tripolaris es un bar con personalidad propia en Barcelona que no tenía presencia online. Sin web, dependían únicamente de redes sociales y del tráfico peatonal. Necesitaban un sitio que reflejara la atmósfera del local, mostrara la carta y facilitara las reservas.

Objetivos

Reflejar la identidad y atmósfera del bar en formato digital

Mostrar carta actualizada y horarios

Conectar con el sistema de reservas online

02 — Descubrimiento

Research y análisis

Benchmark

Análisis digital en Eixample y Gràcia: pocas webs con diseño cuidado y enfoque experiencial

Público objetivo

Jóvenes profesionales de entre 25 y 45 años en Barcelona, tanto residentes como turistas

Visita al local

Realización de sesión fotográfica y observación directa de la experiencia del cliente en el establecimiento

Insight clave

La web de un bar debe reflejar la experiencia y la atmósfera que se vive en el local

03 — Proceso de diseño

Decisiones de diseño

Diseño oscuro y atmosférico que captura la vibra nocturna del local. Fotografías a pantalla completa. Tipografía con carácter. Acceso rápido a carta y reservas.

Paleta

04 — Diseño final

El resultado

05 — Desarrollo

Del diseño al código

Web en Framer con integración directa al sistema de reservas. Optimización mobile-first pensando en que la mayoría busca bares desde el móvil.

Figma

Framer

Diseño Responsive

06 — Resultados

Impacto

Online

De cero a presencia digital completa

Reservas

Integración con sistema propio

Carta

Menú digital siempre actualizado

07 — Reflexión

Qué aprendí

La clave en hostelería es que la web sea una extensión del espacio físico. No basta con información — hay que transmitir ambiente. Las fotos profesionales del local hicieron toda la diferencia.

Jaume Garrido Reformas

Giampi Barber

¿Te gusta lo que ves?

Hablemos sobre tu próximo proyecto.

© 2026 Machado UX — Barcelona

¿Te gusta lo que ves?

Hablemos sobre tu próximo proyecto.

© 2026 Machado UX — Barcelona