La Taberna del Chipirón · Web publicada
Una web propia con el carácter de la taberna en cada pantalla.
Diseñé, desarrollé y publiqué la primera web de La Taberna del Chipirón, trasladando a la interfaz su carta, su lettering, sus materiales y sus fotografías reales.
Diseñé, desarrollé y publiqué la primera web de la taberna, con su carta, su carácter y las acciones esenciales siempre cerca.
- Estrategia web
- Arquitectura de contenido
- Dirección visual
- Diseño de interfaz
- Carta digital
- Desarrollo y diseño móvil
El punto de partida
El local tenía una identidad reconocible, pero todavía no tenía una web.
La Taberna del Chipirón partía de un espacio con carácter, una carta física, un lettering propio y una especialidad clara. El reto era construir su primera experiencia digital sin convertirla en una plantilla gastronómica ni inventar un relato ajeno al negocio.
Además de transmitir el ambiente real, la web debía resolver lo práctico: explicar tapa, media y ración, mostrar los precios de la carta, facilitar la reserva por teléfono y abrir la ruta a Rúa San Francisco, 21.
La estrategia
Convertir lo que ya hacía reconocible al local en una experiencia digital propia.
El proceso empezó en la carta y en las fotografías del espacio. De ahí salieron la arquitectura, el tono, la paleta y la forma de presentar el producto.
- 01
Partir de una identidad real
Conservé el lettering extraído de la carta y construí la paleta a partir del yeso, la madera, el cobre, la tinta y el mostaza presentes en el local.
- 02
Presentar los espacios antes de explicarlos
La barra real abre la experiencia y el recorrido presenta después el segundo local. El mensaje «Aquí manda el chipirón» sitúa producto y carácter, con la carta y la reserva visibles desde el inicio.
- 03
Convertir la carta en una herramienta
La carta digital organiza platos por categorías y alinea formatos y precios para comparar tapa, media y ración tanto en escritorio como en móvil.
- 04
Mantener cerca las acciones esenciales
El teléfono, Google Maps y la carta reaparecen en los momentos clave; en móvil permanecen en una barra inferior fija.
Dirección de interfaz
La carta, la barra y la pared marcaron el sistema visual.
El negro cálido y la caoba aportan profundidad; el yeso y el papel alivian la lectura; la tinta azul, el mostaza y el cobre ordenan jerarquías y acciones. Alegreya aporta voz editorial, Alumni Sans recoge el tono de los rótulos y Barlow mantiene la lectura. Las ondas recuperan el encuentro entre yeso y madera del local.
Traducción digital
La identidad ya estaba en la taberna; el trabajo fue convertirla en sistema.
Conservé el logotipo manual extraído de la carta y llevé a la interfaz los materiales, tonos y contrastes del espacio. Cada color cumple una función concreta y mantiene reconocible el carácter del local sin inventar una marca nueva.
- Tinta
- Mostaza
- Papel
- Caoba
Diseño móvil
En móvil, carta, reserva y ruta permanecen a un toque.
Preparé recortes fotográficos específicos, condensé la navegación y fijé una barra inferior con Carta, Reservar y Cómo llegar. La carta se recorre por categorías, con controles amplios, formatos comparables y el mismo carácter visual de escritorio.
La solución
La web de La Taberna del Chipirón ya está publicada.
tabernadelchipiron.com reúne los dos espacios, la carta, la reserva por teléfono y la ubicación en una experiencia responsive desarrollada a medida. El sitio se genera de forma estática, adapta las imágenes a cada pantalla y organiza los precios desde datos estructurados para poder mantenerlos sin rehacer la interfaz.