elFuckingPolYouKnow - SBII Promo Web

El punto de partida.

El objetivo era crear una web de "Coming Soon" y lanzamiento que no fuera estática, sino que conectara directamente con la estética y actitud del artista. Necesitaba generar expectativa con una cuenta regresiva y, a la vez, ofrecer un espacio inmersivo y oculto donde los fans pudieran explorar fragmentos del álbum (videoclips y audios) de forma muy visual e intuitiva. Además, era fundamental contar con un sistema de administración propio y súper ágil para que el artista pudiera actualizar el contenido fácilmente sin depender de bases de datos complejas.

De la idea a la pantalla.

Se desarrolló el Frontend con HTML, CSS y JavaScript puro, integrando la librería Three.js para renderizar un logo 3D interactivo que responde al movimiento del ratón. El contenido se organizó en una galería dinámica de "polaroids" con navegación por gestos en móviles (swipe) y teclado. Para el Backend, se construyó un panel de administración personalizado y seguro en PHP que permite subir imágenes, audios y gestionar enlaces, guardando todo en un sistema muy ligero (Flat-file CMS) basado en JSON, lo que lo hace compatible, portátil y ultrarrápido en cualquier servidor.

Qué puedes explorar.

• Entorno visual inmersivo con objetos 3D interactivos (Three.js). Cuenta regresiva dinámica y sincronizada en tiempo real. Galería interactiva con diseño de cartas estilo "Polaroid". Navegación fluida de contenidos mediante teclado y gestos táctiles (swipe). Reproductor multimedia integrado (Audio HTML5 nativo y YouTube iframe). Autoplay inteligente y prevención de solapamiento de sonido. Panel de administración a medida (Custom CMS) construido en PHP. Sistema de autenticación y subida de archivos multimedia al servidor. Almacenamiento ligero y rápido basado en sincronización JSON (Flat-file). Redirecciones automáticas (sistema antipérdidas) mediante .htaccess.

El proyecto se diseñó con un fuerte enfoque en los detalles de experiencia de usuario (UX): diseño 100% responsive, interacciones táctiles en móviles y un sistema de "Autoplay inteligente" que gestiona automáticamente la reproducción de YouTube y las pistas de audio para evitar que se solapen con la música ambiental de la web.