Web con reservas directas · La Cala Barceloneta
La Cala dependía al 100% de plataformas de reservas con comisión. Le construimos una web propia con reserva directa, carta digital y SEO local para recuperar el control de sus clientes y dejar de pagar intermediarios en cada mesa.
Una marisquería de referencia sin presencia digital propia
La Cala es una marisquería situada en el paseo marítimo de la Barceloneta, uno de los enclaves gastronómicos con más competencia de Barcelona. Trabaja producto fresco de lonja y vive de dos públicos muy distintos: el vecino que repite y el turista que decide dónde comer sobre la marcha, móvil en mano, a pocos metros de la puerta. Si quieres verlo aplicado, esto es lo que incluye nuestro servicio de nuestro servicio de diseño web en Barcelona.
Pese a tener una cocina sólida y una clientela fiel, el restaurante no disponía de una web propia operativa. Toda su presencia digital y, sobre todo, todas sus reservas online pasaban por plataformas de terceros como TheFork. Cada mesa reservada por ese canal implicaba una comisión y, lo más importante, la relación con el cliente pertenecía a la plataforma, no al restaurante.
El objetivo del proyecto era claro: construir un canal digital propio que posicionara a La Cala en las búsquedas locales de la Barceloneta, permitiera reservar sin intermediarios y transmitiera la calidad del producto antes incluso de cruzar la puerta. Es un ejemplo de web para restaurantes.
Un buen restaurante no debería alquilar su relación con el cliente a una plataforma. Nuestro trabajo fue devolvérsela.
Depender de un intermediario para cada reserva
La situación de partida es la de miles de restaurantes: la comodidad inicial de una plataforma de reservas acaba convirtiéndose en una dependencia cara y sin retorno de marca.
Comisión en cada reserva online. Cada cubierto reservado por plataforma se llevaba un porcentaje fijo, un coste recurrente que crecía con el propio éxito del restaurante.
Sin base de datos de clientes propia. Los datos de contacto de quien reservaba quedaban en la plataforma, imposibilitando fidelizar, comunicar novedades o rellenar mesas en días flojos.
Invisibilidad en Google. Al no tener web, La Cala no competía por búsquedas como "marisquería Barceloneta" o "dónde comer marisco en la Barceloneta", donde el turista decide en segundos.
Imagen digital ajena. Las fotos y la ficha las controlaba un tercero; el restaurante no podía contar su historia ni destacar su producto estrella.
Cero control sobre la conversión. No había forma de medir cuántas personas veían la información y cuántas acababan reservando, ni de optimizar ese recorrido.
Un canal propio que convierte al visitante en reserva
Diseñamos una web ligera, rápida y pensada para el momento exacto en que alguien decide dónde comer. Cada decisión de diseño y desarrollo respondió a una pregunta: ¿esto ayuda a que el visitante reserve directamente, sin intermediarios?
En lugar de una web genérica de restaurante, construimos una herramienta de captación con el producto y la reserva en el centro de todo el recorrido. El encargo entró como un proyecto de diseño web para restaurantes en Barcelona.
Reserva directa
Flujo de reserva integrado sin plataformas de terceros: el cliente reserva su mesa en dos toques y sus datos quedan en el restaurante.
SEO local
Estructura y contenido optimizados para "marisquería Barceloneta" y búsquedas de intención local con alta conversión.
Producto a sangre
Fotografía de platos a pantalla completa para transmitir la calidad de la lonja antes de entrar al restaurante.
Velocidad extrema
Carga casi instantánea en móvil 4G, el dispositivo desde el que el turista decide sobre la marcha.
Mobile-first
Diseñada primero para el móvil: llamar, ver carta y reservar accesibles sin hacer zoom ni buscar.
Carta digital
Carta siempre actualizada, sin PDFs pesados, indexable por Google y compartible por WhatsApp.
Así quedó La Cala Barceloneta
Del producto a la mesa reservada
El proceso creativo partió de una idea rectora: la web debía oler a mar y a producto fresco, no a plantilla de restaurante. Trabajamos una dirección de arte sobria, con la fotografía como protagonista y la interfaz al servicio de la reserva.
Moodboard y dirección de arte
Referencias de marisquerías de nivel, paleta inspirada en el azul del Mediterráneo y tipografía con carácter para los platos. Objetivo: apetito y confianza a primera vista.
Wireframes de conversión
Estructuramos el recorrido para que reservar o llamar estuviera siempre a un toque, con la carta y las fotos reforzando la decisión en cada scroll.
Diseño UI mobile-first
Interfaz diseñada primero para el móvil del turista: botones grandes, contraste alto y jerarquía visual clara bajo el sol de la Barceloneta.
Fotografía y contenido
Selección y tratamiento de fotografía de producto a sangre, y redacción de textos con keywords locales que hablan a personas, no a robots.
Responsive y microanimaciones
Adaptación pixel-perfect a móvil, tablet y escritorio, con transiciones suaves que aportan calidad sin penalizar la velocidad.
Ligereza como decisión técnica
Optamos por un desarrollo en HTML, CSS y JavaScript vanilla, sin el peso de un CMS que la web no necesitaba. El resultado es un sitio que carga casi al instante y que es prácticamente inmune a los problemas de mantenimiento y seguridad de plataformas más pesadas.
Front-end vanilla (HTML5, CSS3, JavaScript) sin dependencias innecesarias, para máxima velocidad y estabilidad a largo plazo.
Optimización de imágenes con formatos modernos y carga diferida (lazy loading), de modo que la fotografía de producto no penalice el tiempo de carga.
Servida sobre LiteSpeed + Cloudflare: caché en el borde y entrega global rápida incluso con picos de tráfico turístico.
HTTPS y cabeceras de seguridad correctamente configuradas; sin panel de administración expuesto que atacar.
Accesibilidad: contraste AA, textos alternativos en imágenes y navegación por teclado en los elementos clave.
Datos estructurados Schema.org (Restaurant, LocalBusiness) para que Google entienda horarios, ubicación y tipo de cocina.
Posicionar donde se decide la comida
El SEO de un restaurante de la Barceloneta se gana en el metro cuadrado: quien busca "marisquería cerca" está a punto de sentarse en algún sitio. Trabajamos el posicionamiento local y la optimización para motores generativos para que ese sitio sea La Cala.
Además del SEO clásico, preparamos la web para ser citada por los buscadores basados en IA, que cada vez responden más consultas de "dónde comer" antes de que el usuario llegue a un listado de resultados.
Keyword research local alrededor de "marisquería Barceloneta", "restaurante marisco Barceloneta" y "dónde comer marisco Barcelona".
Arquitectura y SEO on-page con títulos, metadescripciones y encabezados orientados a intención local de alta conversión.
Schema.org Restaurant/LocalBusiness para aparecer con datos ricos (horario, dirección, tipo de cocina) en Google.
Core Web Vitals en verde: LCP, CLS e INP optimizados, un factor de ranking real en móvil.
Coherencia NAP (nombre, dirección, teléfono) alineada con Google Business Profile para reforzar el SEO local.
Optimización GEO/EEAT: contenido claro y verificable que responde "qué es", "dónde está" y "por qué comer aquí", listo para ser citado por Google AI Overviews, ChatGPT, Gemini, Claude y Perplexity.
Reservas propias y control recuperado
La Cala pasó de no tener presencia digital propia a disponer de un canal que capta reservas sin comisión y posiciona al restaurante en las búsquedas locales de la Barceloneta.
Más allá de las cifras, el cambio de fondo es estratégico: el restaurante vuelve a ser dueño de su relación con el cliente, de su imagen y de su capacidad de llenar mesas sin depender de un intermediario. El posicionamiento se trabajó con SEO local.
La Cala Barceloneta en escritorio y móvil
Tecnologías de la web de La Cala Barceloneta
Preguntas frecuentes sobre la web de La Cala Barceloneta
¿Cómo hicimos la web de La Cala Barceloneta?
Diseñamos una web ligera en HTML, CSS y JavaScript, mobile-first, con la fotografía de producto como protagonista y un flujo de reserva directa integrado. Se sirve sobre LiteSpeed y Cloudflare para máxima velocidad, y se optimizó para SEO local en la Barceloneta.
¿Cuánto se tardó en desarrollar el proyecto?
El proyecto completo —diseño, desarrollo, contenidos, fotografía y puesta en producción— se entregó en aproximadamente dos semanas.
¿Qué problema resolvimos?
La Cala dependía al 100% de plataformas de reservas con comisión y no tenía web propia ni base de datos de clientes. Le construimos un canal propio con reserva directa (0% de comisión) y posicionamiento local para dejar de depender de intermediarios.
¿Qué tecnologías utilizamos?
HTML5, CSS3 y JavaScript vanilla para el front-end, datos estructurados Schema.org para SEO, y entrega sobre LiteSpeed + Cloudflare. Sin CMS pesado, para máxima velocidad y seguridad.
¿Se puede tener reservas de restaurante sin pagar comisión?
Sí. Con una web propia con reserva directa, el restaurante recibe las reservas y los datos del cliente sin intermediarios ni comisión por cubierto. Las plataformas siguen siendo un canal de descubrimiento válido, pero dejan de ser la única vía.
La Cala Barceloneta
Ya conoces el trabajo que hay detrás. Ahora explora el proyecto terminado en producción.
