Sobremesa España - diseño web SaaS para hostelería

Sobremesa España es la edición española de nuestra plataforma ficticia de experiencia de cliente para restaurantes, hoteles y ocio nocturno, con sede en Madrid. Las mismas plantillas que la edición estadounidense, pero con voz de hostelería española: reservas directas, depósitos en euros, RGPD y un tú cercano.

Ficha del proyecto

• Cliente: Sobremesa Hospitality S.L., Madrid (ficticia)
• Sector: Tecnología para hostelería (restaurantes, hoteles, ocio nocturno)
• Mercados: Madrid y locales en toda España
• Servicios: Localización de mercado · Redacción · Adaptación de marca · Diseño web SaaS para hostelería · Accesibilidad (WCAG 2.2 AA) · Bases de SEO
• Plantillas: 11 plantillas compartidas con todas las ediciones de Sobremesa
• Tecnología: HTML, CSS y JavaScript escritos a mano; un archivo de textos y un tema por mercado

El encargo

Una plataforma de hostelería que habla como un jefe de sala español

Los hosteleros españoles quieren llenar mesas, no aprender software. La edición española reescribe cada historia de servicio, importe y caso de cliente: Casa del Puerto en lugar de Harbor House, depósitos en euros, RGPD y LSSI-CE, y fotografía de comedores españoles.

Pensado para España

Qué cambia realmente entre la edición estadounidense y esta

• Mercado - Edición EE. UU.: Locales en EE. UU., sede en Chicago · España: Locales en toda España, sede en Madrid
• Importes - Edición EE. UU.: $240 deposit, $18M revenue · España: Depósito de 190 €, 18 M€ de ingresos
• Casos - Edición EE. UU.: Harbor House, The Velvet Room · España: Casa del Puerto, La Sala de Terciopelo
• Legal - Edición EE. UU.: FTC, leyes estatales · España: RGPD, LOPDGDD, LSSI-CE, AEPD
• Unidades - Edición EE. UU.: Millas, °F · España: Kilómetros, °C
• Estilo - Edición EE. UU.: Negro, blanco y bermellón; Fraunces + Hanken Grotesk · España: Crema, terracota y cobalto; Bricolage Grotesque + Figtree

Adaptación de marca

El mismo Sobremesa, con acento local

Crema y terracota llevan la interfaz, con cobalto como único acento para las acciones y esquinas generosas que transmiten cercanía. Bricolage Grotesque da a los titulares un carácter vivo y Figtree mantiene formularios y navegación claros. Todas las combinaciones cumplen WCAG AA.

Portada y recorridos clave

El héroe abre con un comedor español en pleno servicio y tarjetas de notificación que flotan sobre la escena: nueva reserva, cliente habitual, depósito recibido. Las secciones de producto emparejan cada función con un momento de servicio español: reservas directas, perfiles de cliente, integración con TPV y marketing. La página termina con un único camino: solicitar una demo.

Cumplimiento, accesibilidad y confianza

• Política de privacidad conforme al RGPD y la LOPDGDD, con Sobremesa Hospitality S.L. como responsable y reclamación ante la AEPD.
• Aviso legal según la LSSI-CE con CIF y domicilio social en Madrid; precios con IVA.
• Sin referencias a la FTC ni a leyes estatales de EE. UU.
• Supera las comprobaciones automáticas WCAG 2.2 AA en todas las páginas a 360, 390, 768 y 1440 px: sin fallos de contraste, sin controles inaccesibles y sin desplazamiento horizontal.
• Un selector de idioma generado a partir de hreflang aparece en la cabecera en escritorio y en el pie en móvil.

Un sistema, doce mercados

Cada texto visible vive en un archivo por mercado, y cada color y tipografía en un tema. Esta edición no necesitó plantillas ni componentes nuevos: textos, un tema, fotografía local y los textos legales la convirtieron en una experiencia de marca propia. Para una empresa de tecnología para hostelería con planes internacionales, un nuevo mercado pasa a ser un proyecto de contenido, no un rediseño.

Entregables

• Perfil de mercado: idioma, formatos, normativa y estacionalidad
• Textos localizados para 11 plantillas, cabecera, pie y formularios
• Adaptación de marca: paleta, tipografías y descriptor del logotipo
• 22 fotografías locales (Pexels, fuentes en credits.json)
• Aviso legal y política de privacidad
• Accesibilidad (WCAG 2.2 AA, comprobación automática) y control de calidad en cuatro anchos de pantalla
• Medios para portfolio: capturas, páginas completas, vídeo de scroll, imagen OG, ficha de marca