ProyectosEl Tinglao de Lagunillas
PWA · Vinos

De una carta en papela una experiencia digital en cada mesa.

Diseñé y desarrollé la carta de vinos digital de El Tinglao de Lagunillas, un bar de vinos en Málaga: catálogo por categorías, buscador, ficha de cada vino con precio de copa y botella, y contenido editable desde Google Sheets — pensada para usarse en tablet.

Plataforma
PWA (tablet)
Rol
Diseño + Desarrollo
Sector
Hostelería · Vinos
Datos
Google Sheets en tiempo real
El Tinglao de Lagunillas
5
categorías: tintos, blancos, rosados, espumosos y generosos
PWA
instalable en la tablet, sin tienda de apps
100%
pantalla pensada para uso táctil en mesa
Auto
precios y vinos actualizados desde Sheets

01 · El problema

Una carta de vinosque cambia cada semana.

El equipo de El Tinglao de Lagunillas quería sustituir la carta de vinos en papel por algo que se pudiera mantener al día en cualquier momento, sin reimprimir nada cada vez que cambiaba un precio o entraba una referencia nueva.

La carta debía funcionar sobre todo en una tablet, apoyada en la mesa o en la barra, con una navegación clara por tipo de vino, para que el cliente pudiera resolver sus dudas sin depender siempre del camarero.

Necesitaban además que el contenido —vinos, precios de copa y botella, origen y descripción— se pudiera editar sin tocar código, para que cualquier persona del equipo pudiera mantener la carta actualizada.

Queríamos que la carta se pudiera actualizar en cualquier momento, sin depender de un diseñador cada vez que cambiara un vino o un precio.

El Tinglao de LagunillasBar de vinos · Málaga

02 · Objetivos

Lo que necesitaba
conseguir.

Antes de escribir una sola línea de código, me senté con el cliente para entender qué significaba el éxito para él — y para sus usuarios.

Objetivo de producto

Carta digital pensada para tablet

Una interfaz táctil, oscura y elegante, organizada por tipo de vino, cómoda de usar apoyada en la mesa o en la barra del bar.

Objetivo funcional

Contenido editable sin tocar código

Que el equipo del bar pudiera actualizar vinos, precios y descripciones directamente desde una hoja de cálculo, sin depender de un desarrollador.

Objetivo tecnológico

App instalable sin App Store

Una PWA instalable en la tablet como una app nativa, sin pasar por App Store ni Google Play.

03 · Mi proceso

Cómo lo
abordé.

Fase 1

Definir la estructura de la carta

Analicé las categorías de vino del bar (tintos, blancos, rosados, espumosos y generosos) y cómo debía navegarse la carta desde una tablet en mesa.

Fase 2

Diseño de la interfaz táctil

Diseñé una experiencia oscura y elegante, con tarjetas grandes por categoría, buscador y una ficha de detalle para cada vino con su precio de copa y botella.

Fase 3

Datos conectados a Google Sheets

Construí la app con Next.js 16 y conecté la carta a una hoja de cálculo de Google, para que el equipo del bar edite vinos y precios sin tocar código.

Fase 4

PWA instalable y pulido final

Añadí soporte de instalación como PWA con Serwist, cuidé el rendimiento en tablet y revisé cada categoría y ficha de vino antes de entregar el proyecto.

04 · La solución

El Tinglao de Lagunillas.

Una solución que desapareció del radar — en el mejor sentido. Cuando algo funciona bien, no lo notas.

Buscador y filtros por tipo

Buscador de vinos por nombre o región y filtro rápido por categoría (tintos, blancos, rosados, espumosos y generosos), para encontrar una referencia en segundos.

Ficha con precio de copa y botella

Cada vino tiene su propia ficha con tipo, origen, descripción y precio por copa y por botella, con foto de la etiqueta cuando está disponible.

Categorías con identidad visual propia

Cada categoría de vino tiene su propio color e icono, para identificar de un vistazo qué se está mirando.

PWA instalable en la tablet del bar

Se instala directamente desde el navegador en la tablet, funciona a pantalla completa como una app nativa y no depende de ninguna tienda de aplicaciones.

05 · Galería

La web en detalle.

El Tinglao de Lagunillas — captura 1
El Tinglao de Lagunillas — captura 2
El Tinglao de Lagunillas — captura 3

Tech stack

Lo técnico, siempre al servicio del objetivo. Elegí estas herramientas no porque fueran las más modernas, sino porque eran las más adecuadas para este proyecto.

Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionSerwist (PWA)Google Sheets API

Lo que dice el cliente

Ahora podemos actualizar la carta de vinos en cualquier momento, sin depender de nadie ni de reimprimir nada. La tablet en la barra da una imagen mucho más cuidada que el papel.

🍷
El Tinglao de Lagunillas
Bar de vinos · Málaga

¿Tienes un proyecto similar?

Construyamos
algo juntos.

Cada proyecto que termino viene de una conversación honesta. Cuéntame el tuyo.

Siguiente proyecto

🏋️

Sport Miraflores

De WhatsApp y llamadas a una app propia en semanas.

Ver caso de estudio