CASO DE ESTUDIO HOSPITALIDAD & GASTRONOMÍA
CASO · OBSCURO CAFÉ · 2026

Obscuro Café — arquitectura web y atmósfera inmersiva.

Transformación digital de una barra de café de especialidad y coctelería de autor en la Colonia Juárez (CDMX). Una vitrina aspiracional de claroscuro, Art Decó de 1926 e imaginario pulp: construida sin plantillas luminosas genéricas, con un motor de reservas directo que elimina toda comisión a plataformas intermediarias.

Logotipo Oficial Obscuro Café
Cliente Obscuro Café · CDMX
Capacidad 03 / Sitios Web de Alta Gama
Año 2026
Plataforma en vivo obscuro.cafe ↗
https://obscuro.cafe
Captura del sitio Obscuro Café — arquitectura de claroscuro y Art Decó
Autonomía en reservas 100%

Cero comisiones a plataformas externas: cada reservación llega directo a la barra sin intermediarios.

First Contentful Paint < 1.2s

Carga ultrarrápida con assets optimizados, grano SVG vectorial y tipografía servida en formato WOFF2.

Dependencia de terceros 0

Motor de reservas con flujo directo a WhatsApp corporativo: propiedad total del canal comercial.

01

El reto: digitalizar la penumbra sin perder el misterio.

La mayoría de los sitios gastronómicos utilizan plantillas saturadas de fotografías brillantes de producto y botones genéricos. Para Obscuro Café — cuya identidad orbita alrededor del Art Decó de entreguerras, la literatura pulp y el claroscuro ceremonial — una solución convencional habría diluido por completo su propuesta de valor.

El cliente requería una vitrina digital que lograra dos objetivos opuestos: sostener una atmósfera visual densa y sofisticada, y ofrecer una fricción operativa cero para los dos flujos comerciales principales — la reserva de mesas y los pedidos para llevar.

02

Arquitectura visual y desarrollo a la medida.

Alimac desarrolló una plataforma frontend personalizada, eliminando dependencias pesadas para asegurar fluidez cinematográfica incluso en conexiones móviles inestables. Cuatro ejes técnicos sostienen la experiencia final.

Eje 01 · Dirección de arte

Claroscuro & monograma reactivo en SVG

Microtexturas de grano SVG, halos difusos y un monograma dinámico con respiración sutil construido enteramente en vector.

Eje 02 · Carta interactiva

Riel deslizante con pestañas modulares

Sistema de navegación por pestañas en riel deslizante para móvil: métodos artesanales, pócimas y cocina sin recargas de página.

Eje 03 · Motor de reservas

Formulario reactivo a WhatsApp

Selector de comensales, validación de fechas y empaquetado estructurado del mensaje enviado directamente al chat del establecimiento.

Eje 04 · Visor de curaduría

Lightbox "Vestigios de Mesa"

Visor modal oscuro para la degustación visual de cócteles y platillos insignia — atmósfera ceremonial en cada interacción.

Decisiones cromáticas

Una paleta de cuatro notas para sostener el misterio.

Obs-Black #000000
Obs-Ochre #D6AF66
Obs-Red #76232F
Obs-Gray #C1C4C7

Hay un lugar al que no se debe ir, pero se va.

— Doctrina de casa · Obscuro Café
Siguiente paso

¿Su marca necesita este nivel de autoridad?

Construimos plataformas digitales, visuales y herramientas interactivas diseñadas específicamente para su modelo de negocio. Conversación técnica, 30 minutos, sin compromiso.

© 2026 ALIMAC PACHUCA · CASOS DE ESTUDIO Volver al portafolio