maspick
02
ProyectosWeb

RebelCafé

Rebel Café Madrid2025

Una web que huele a café de especialidad. Diseñamos y desarrollamos la presencia digital de Rebel Café (Chamberí, Madrid) con una experiencia editorial inmersiva: animaciones cinematográficas al scroll, carta interactiva con métodos de extracción y un sistema de reservas propio — todo sin plantillas, todo a medida.

Rebel Café
deploy/rebel-cafe
✓ Completado
12s

Diseño

$ maspick design --ui --theme custom

✓ UI/UX finalizado

38s

Código

$ next build && eslint --fix

✓ Build exitoso

9s

Optimización

$ lighthouse audit --score 100

✓ Lighthouse 100

4s

Deploy

$ vercel --prod → rebelcafe.es

✓ En producción

La historia

Tenían alma. Les faltaba voz.

Rebel Café es un espacio con personalidad propia — artesanal, rebelde, de especialidad — y su presencia online no la reflejaba. Las plantillas genéricas no transmitían la experiencia de entrar al local. Además, dependían de plataformas de terceros para las reservas, perdiendo control sobre la comunicación con sus clientes y pagando comisiones innecesarias.

Cada scroll cuenta una historia.

Diseñamos una web completamente a medida con estética editorial: cada sección se revela con animaciones GSAP sincronizadas al scroll, creando una experiencia narrativa que guía al usuario desde la historia del café hasta la carta. La carta interactiva presenta los métodos de extracción (Espresso, V60, Chemex, Aeropress) con descripciones y maridajes. El sistema de reservas propio envía confirmación por email y permite gestionar aforo y horarios desde un panel interno.

Recorrido

Cada pantalla, una decisión.

Rebel Café — Historia
Historia

Cada detalle dice quiénes somos.

Rebel Café — La carta
La carta

Un menú que se lee con los ojos.

Rebel Café — Contacto
Contacto

El principio de algo grande.

Impacto
100Lighthouse Performance
0€Comisiones de reservas
3.2sTiempo medio en página
2 sem.De concepto a producción
Stack técnico
HTML5CSS3JavaScriptGSAP