Landing page2024
Metal Festival Landing Page
Landing page temática para presentar la programación, bandas y opciones de boletos de un festival ficticio de música metal.
Contexto: Proyecto personal de práctica frontend desarrollado en 2024.
Descripción general
Sitio estático creado para explorar la construcción de una landing page temática, su organización visual y un flujo de trabajo frontend basado en Sass y Gulp.
El problema
El ejercicio consistió en organizar en una sola página la información de un festival ficticio: presentación, horarios, bandas y opciones de acceso.
La solución
Se construyó una experiencia de navegación por secciones con una identidad visual inspirada en el metal, un hero con video y componentes diferenciados para programación, galería y boletos.
Funcionalidades
- Hero principal con video de fondo
- Navegación por secciones con desplazamiento suave
- Header fijo y resaltado de la sección activa
- Programación organizada por días y escenarios
- Galería dinámica de 21 imágenes con vista modal
- Presentación visual de opciones ficticias de boletos
Stack tecnológico
HTML5SassJavaScriptGulpNPM
Decisiones técnicas
- Organización modular de estilos Sass en directorios base y layout.
- Automatización con Gulp para compilar Sass y minificar JavaScript.
- Procesamiento de imágenes con Sharp para generar miniaturas y formatos AVIF y WebP.
- Carga diferida de imágenes dentro de la galería.
Galería
FIN DEL CASO DE ESTUDIO
Explora el resto del trabajo.