Martin Garrix Redesign Website
What I did
- Development
- Animation & motion
- Deployment
This is a personal project of a redesign of Martin Garrix’s official website, adding animations and transitions with GSAP.
What it offers
Home
- Full-screen hero spotlighting the latest release, with direct links to streaming platforms (Spotify, Apple Music, Deezer, Amazon Music)
- Loading screen with image/font preloading and an animated exit transition
- Interactive icon background that reacts to cursor movement
- Venues/festivals section with a marquee effect
- Embedded video modal for live sets
- Show episodes section with behind-the-scenes videos
- Featured testimonial with an image collage and scroll-triggered reveal
- Side navigation with GSAP-driven hover fill and image preview animations
Discography
- A 114-song catalogue managed as a content collection (Astro Content Collections), each entry with its own metadata: title, release date, featured artists, cover art, poster and links to all four streaming platforms
- Discography page grouped by year, with scroll-triggered reveal animations
- Individual song detail page, redesigned after the official Martin Garrix site
- Radial play menu using each platform’s official logo, replacing the original card-based navigation
Disclaimer
This is an unofficial, non-commercial fan project built for portfolio and learning purposes. It is not affiliated with or endorsed by Martin Garrix, Stmpd Rcrds, or any related entity.
Este es un proyecto personal de un rediseño de la página web oficial de Martin Garrix, añadiendo animaciones y transiciones con GSAP.
Qué ofrece el sitio
Home
- Sección de inicio con un hero spotlighting the latest release, con direct links to streaming platforms (Spotify, Apple Music, Deezer, Amazon Music)
- Pantalla de carga con preloading de imágenes/fuentes y una transición de salida animada
- Fondo interactivo con iconos que reacciona al movimiento del cursor
- Sección de lugares/festivales con un efecto marquee
- Modal de video para sets en vivo
- Sección de episodios con videos detrás de escena
- Testimonio destacado con una galería de imágenes y revelación de scroll-triggered
- Navegación lateral con GSAP-driven hover fill y animaciones de preview de imágenes
Discografía
- Catálogo de 114 canciones gestionado como una colección de contenido (Astro Content Collections), cada entrada con su propia metadata: título, fecha de lanzamiento, artistas principales, arte de portada, póster y enlaces a todas las plataformas de streaming (Spotify, Apple Music, Deezer, Amazon Music)
- Página de discografía agrupada por año, con animaciones de revelación de scroll
- Página de detalle de canción, rediseñada después de la página web oficial de Martin Garrix
- Menú radial de reproducción usando el logo oficial de cada plataforma, reemplazando la navegación original basada en tarjetas
Descargo de responsabilidad
Este es un proyecto no oficial, no comercial y fanático construido con fines de portafolio y aprendizaje. No está afiliado ni respaldado por Martin Garrix, Stmpd Rcrds o cualquier entidad relacionada.
