Proyecto · Restaurante · Grau de Castelló · 2026

El Pikoteo: su carta, puesta sobre la mesa.

Web desde cero para un bar restaurante del Grau de Castelló: la carta entera en texto para Google, encargos de paella por WhatsApp con el mensaje preparado y un zoom continuo de la paella al grano.

Cliente: Bar restaurante El Pikoteo
Qué hicimos: Dirección creativa, diseño, desarrollo y SEO
Tecnología: Astro, GSAP y Lenis

Recorrido por la portada, grabado en escritorio

El punto de partida

Un bar restaurante abierto desde 2019 en el Paseo de Sebastián Elcano, con su carta impresa, sus fotos y sin web propia.

La web de un restaurante tiene que contestar rápido a cuatro preguntas: qué hay, cuánto cuesta, si está abierto hoy y cómo se reserva o se encarga la paella. Y Google tiene que poder leer la carta, cosa que no hace con un PDF ni con una foto.

La idea: La Mesa

La web es su carta puesta sobre la mesa. Cada sección es un momento de la comida: picar, compartir, menú del día, la casa, lo que dicen, dónde y cuándo, y reservar.

Los colores salen de su carta impresa (crema, papel, negro y un rojo que solo se usa en precios y botones) y la tipografía es condensada y en mayúsculas, como la de su logo.

Los momentos

Una paella vista desde arriba que llena la pantalla — Compartir · el zoom continuo de la paella

Sección de arroces con seis tarjetas de precio y la paella valenciana por encargo destacada en rojo — Los arroces · la paella, por encargo

Bloque rojo a sangre con «Menú del día» y el precio 14,90 € en grande — Menú del día · el precio, en grande

Página de la carta con el titular «Para picar, compartir y disfrutar» y pestañas por categoría — La carta · 47 platos en texto, por categorías

Página «Una casa de familia» con el texto del restaurante — La casa · quién está detrás

Página «Sebastián Elcano, 22» con la dirección, si hoy está abierto y botones para llegar y llamar — Dónde · «hoy» abierto o cerrado

En el móvil

Lo que cambia

stdin · antesstdout · ahora

carta impresa▸carta de 47 platos en texto, con precio y en los datos del restaurante para Google

encargos por teléfono▸encargo de paella y reserva por WhatsApp con el mensaje ya escrito

horario repartido▸un horario único que dice si hoy está abierto

mapa con cookies▸mapa que solo se carga al pulsar: sin banner de cookies

logo en la carta impresa▸logo redibujado en vector a partir de la carta

En cifras

47platos en texto, con su precio

7páginas, cada una con su URL

96 %de coincidencia del logo redibujado con el de la carta

354comprobaciones automáticas antes de entregar

Técnica clave

01Zoom continuo
Una sola foto de la paella que crece con el scroll hasta el grano, escalando solo con transform para que vaya fluido también en el móvil.
02Volver al mismo punto
Cada entrada del historial guarda su posición; al volver desde la carta, la portada aparece donde la dejaste, no arriba.
03Transiciones entre páginas
Páginas reales (una URL cada una, buenas para Google) con un fundido entre ellas que se salta al volver atrás.

¿Tienes un restaurante? Así sería la tuya.

Webs para restaurantes