UNA WEB QUE INVITA A SENTARSE A LA MESA
Mejor imagen.
Reservas más claras.
Proponemos convertir la web en una presentación gastronómica cuidada y una herramienta de organización de sala. El diseño utiliza las fotografías existentes, una identidad en tonos vino y crema y contenido público en catalán.
Abrir propuesta navegable → · Probar una reserva →
Qué hemos observado
Revisión de inicio, El Celler, Nosaltres y Premsa; inspección de enlaces, imágenes, estructura y presentación en escritorio y móvil. Fuentes consultadas el 12/10/2026. No hay acceso a analítica, Search Console, administración ni datos internos.
| Hallazgo verificado | Implicación y solución propuesta |
|---|---|
| La portada presenta fotos de arroces y contenido sobre cocina casera y de proximidad. También utiliza una gran cabecera genérica. | Dar protagonismo inmediato a una foto real de los arroces. Conservar el símbolo existente y crear una jerarquía editorial reconocible. |
| La página muestra promoción de Webnode; en la vista móvil la franja azul ocupa espacio inferior. | Dominio propio y alojamiento sin publicidad ajena, sujetos a contratación. La demo elimina esa distracción. |
| El menú diario se muestra como imagen y se ve pequeño a 390 px. La carta y varios bloques usan encabezados repetidos; el texto de presentación tiene largos párrafos en mayúsculas. | Carta HTML accesible y mantenible, con precios y alérgenos validados. La demo muestra categorías, no una carta ficticia vendida como real. |
| La llamada a reservar de la web actual consiste en teléfonos y correo. No se observa un formulario de disponibilidad en las cuatro páginas revisadas. | Acción de reserva visible, elección de fecha, comensales y hora, revisión y confirmación. Reducir pasos y consultas manuales es una hipótesis razonable, pendiente de medir. |
Facebook en inicio enlaza a facebook.com/pages/example-account/197494372329. En Nosaltres el enlace de Facebook vuelve a la propia página de contacto. Las otras redes aparecen como texto. | Publicar únicamente perfiles oficiales comprobados. Evitar botones que no llevan al negocio. |
| El Celler presenta dos categorías de vinos, pero la extracción accesible revisada no muestra referencias o precios. Premsa enlaza a portadas de periódicos, no a artículos específicos del negocio. | Confirmar la selección actual de vinos. Sustituir prensa genérica por menciones concretas verificadas o retirar la sección. |
| La portada contiene múltiples H1 y las once imágenes inspeccionadas no tienen texto alternativo. Sí existe una metadescripción. | Un H1 por vista, títulos descriptivos, texto alternativo y enlaces significativos. El prototipo incorpora estos elementos y bloquea indexación con noindex. |
| En móvil la página se adapta en una columna, pero carta en imagen, scroll prolongado y publicidad compiten con la reserva. | Navegación corta, tipografía legible, controles amplios y formulario apilado. No se atribuyen métricas de rendimiento que no se han medido. |
Datos que requieren confirmación
La web publica 938 171 996, 657 857 517 y lagarnatxa1@gmail.com. Se conservan como contactos publicados, sin afirmar que su titularidad o funcionamiento se haya verificado por llamada.
Ubicación: Tripadvisor muestra Avinguda Tarragona, 59, Vilafranca del Penedès. El anuncio de ARA QUÈ FEM de septiembre de 2025, página 26, muestra Ctra. Barcelona, 49, 08793 Avinyó Nou, junto al mismo teléfono fijo. Esto sugiere un cambio o información desactualizada, pero no prueba la ubicación vigente en 2026. La demo no adopta ninguna dirección ni mapa.
Horarios: la web indica martes a domingo de 08:30 a 17:00, viernes y sábado hasta 23:30 y lunes cerrado. El anuncio indica viernes y sábado hasta 00:00. Deben confirmarse horario comercial, horario de cocina, último acceso y días excepcionales por separado.
Precios: la web muestra 12,50 €, 15,00 € y 32,50 € asociados a menús. No se trasladan como oferta vigente. Confirmar carta completa, composición, impuestos incluidos, disponibilidad y alérgenos.
Cómo funciona la reserva demo
- Inventario ficticio: T1 y T2, dos plazas; T3 y T4, cuatro; T5, seis. Total: 18 plazas. No representa el plano real.
- Regla inicial de ejemplo: martes a domingo, servicio de 13:00 a 17:00; duración 90 minutos y entradas cada 30 minutos. Se puede cambiar desde el panel.
- Asignación automática a la mesa libre más pequeña que admite el grupo. No se combinan mesas ni se dividen grupos. El formulario demo admite grupos de hasta seis personas; las capacidades pueden configurarse en el panel.
- Se rechaza cualquier intersección de intervalos de la misma mesa y fecha: inicio A < fin B y inicio B < fin A. Dos reservas consecutivas sí caben, sin margen de limpieza en esta demo.
- Pendientes y confirmadas consumen disponibilidad. Cancelar libera mesa. Editar, reasignar y restaurar una cancelada revalida el intervalo y la capacidad.
- Bloqueos por mesa o por toda la sala. No se permite bloquear sobre una reserva activa ni guardar horarios que invaliden la agenda.
- Agenda con filtros por fecha y estado, comensales activos del día y ocupación por mesa a una hora elegida. La ocupación no es un porcentaje de plazas consumidas durante todo el servicio.
- Los datos se guardan en localStorage. La web y el panel usan el mismo estado; otra pestaña del mismo origen recibe actualizaciones. No hay correo, SMS, pagos ni reserva externa.
Qué falta para producción
Este prototipo no ofrece una garantía multiusuario. Dos dispositivos o dos operaciones simultáneas podrían divergir. El almacenamiento local es manipulable y el panel no tiene acceso restringido: por eso solo admite uso demostrativo con datos ficticios.
- Confirmación operativa: dirección, teléfono, horarios, turnos, mesas, capacidades, duración, margen entre servicios, límites de grupo, excepciones y política de cancelación.
- Backend y base de datos: reservas duraderas, validación de todas las escrituras en servidor, transacción atómica y exclusión de intervalos por mesa. Por ejemplo, una restricción de exclusión en PostgreSQL para rangos de reservas activas; las ediciones y reasignaciones deben pasar por la misma transacción.
- Concurrencia: pruebas con dos peticiones simultáneas sobre la misma mesa: una sola debe confirmarse. Si se ocupa la última mesa durante el resumen, devolver conflicto y ofrecer otra disponibilidad. Idempotencia para evitar duplicados por doble envío.
- Administración: autenticación, roles, registro de cambios, copia de seguridad y restauración; control de acceso a datos personales.
- Comunicación y privacidad: textos y base legal revisados para datos de reservas, plazos de conservación, avisos de confirmación, cancelación y protección antispam. No incorporar publicidad o analítica sin definir la configuración adecuada.
- Publicación: dominio propio, HTTPS, fotografías autorizadas, fuentes alojadas localmente, imágenes optimizadas, metadatos, sitemap, redirecciones y ficha local coherente. Añadir datos estructurados Restaurant solo cuando dirección y horarios estén confirmados.
Plan comercial propuesto
Fase 1 · Validar. Una sesión con el negocio para cerrar información y funcionamiento de sala. Entrega: contenidos y reglas aprobados.
Fase 2 · Implementar. Refinar esta propuesta, cargar carta vigente, conectar backend y administración protegida. Entrega: entorno de pruebas con casos de concurrencia y funcionamiento móvil revisados.
Fase 3 · Publicar y acompañar. Migración, formación breve y revisión de resultados. Medir clics a reserva, inicio del formulario, finalizaciones, abandonos y reservas canceladas, con configuración de privacidad acordada.
No se propone un presupuesto o plazo como dato cerrado: deben calcularse tras validar alcance, mantenimiento, mensajería e integraciones. El beneficio esperado es una presentación más coherente, menos consultas repetitivas y una agenda con mejor visibilidad operativa.
Validación del entregable
Motor: 23 casos automatizados en test-engine.cjs, incluyendo solape parcial, igualdad, contención, límites consecutivos, capacidad, edición, cancelación, restauración, bloqueo y configuración. Comprobación de sintaxis JavaScript completada. En navegador se verificaron creación pública, resumen, confirmación demo, aparición en agenda, rechazo de edición solapada, reasignación válida, confirmación y cancelación, filtros, bloqueo de T5 reflejado en el formulario y cambio de duración a 120 minutos. Escritorio de 1265 px y móvil de 390 px, sin desbordamiento horizontal observado. No se ha efectuado una auditoría completa WCAG ni una medición Lighthouse. La validación de navegador y capturas se conserva en la carpeta evidence del proyecto.
Evidencia visual
Web original en escritorio · Rediseño · Panel de administración · Rechazo de solape al editar · Anuncio, página 26
Fuentes y evidencia
- Web original: inicio, contacto y contenido gastronómico
- El Celler · Nosaltres · Premsa
- ARA QUÈ FEM, septiembre 2025, página 26: anuncio visualmente revisado
- Tripadvisor: ubicación discordante
Las fotos y el símbolo se reutilizan desde la web del negocio exclusivamente para esta propuesta; confirmar autorización y vigencia antes de publicar. No se han inventado reseñas, premios, platos o precios comerciales. No se encontraron archivos AGENTS.md o instrucciones locales del proyecto WEBS Empresas en la raíz de E:\Tecnifred ni E:\Tallers Torven durante la revisión; se ha trabajado únicamente en La-Garnatxa.
Volver a la propuesta ↗