E36 Scroll Cine es una experiencia web cinematográfica fan-made sobre el BMW 318is Coupé Pack M (E36): siete escenas verticales, scroll bloqueado, vídeo, HUD, datos técnicos reales y una portada pensada para entrar en el coche antes de empezar.
He creado E36 Scroll Cine, una experiencia web cinematográfica fan-made sobre el BMW 318is Coupé Pack M (E36).
Web: https://e36.vercel.app/
GitHub: https://github.com/ikerperez12/e36
La idea no era hacer una landing normal, sino algo que se sintiera más como una pieza visual vertical. Empiezas en una pantalla de entrada con vídeo y después avanzas por siete escenas usando scroll, teclado o gestos en móvil.
Cada escena está centrada en una parte del coche:
- la generación E36
- Hellrot 314
- Pack M / M-Technic
- interior
- motor M44B19
- carácter de conducción
- cierre con el capó abierto
He intentado que el contenido hable del coche de verdad, no de frases genéricas. La ficha y el HUD incluyen datos del 318is: M44B19, 1.895 cc, 16 válvulas DOHC, Bosch Motronic M5.2, admisión DISA, Getrag 250G, reparto 50/50, suspensión Pack M, etc.
En la parte técnica, la web es bastante simple:
- HTML/CSS/JavaScript sin framework
- deploy en Vercel
- navegación por scroll, teclado y swipe
- posters para evitar pantallas negras en vídeo
- service worker
- tests con Playwright + axe
- auditoría para no subir rutas locales, secretos ni carpetas privadas
- media fuera del repo público
No es una web oficial de BMW. Es una fanpage y un experimento web alrededor de un coche que me gusta mucho.
Me encantaría recibir feedback:
¿La experiencia se siente bien en móvil? Y si conocéis bien el E36/318is, ¿qué dato añadiríais o corregiríais?