Projet
02
Music PLZ
Description
Projet scolaire consistant à présenter un artiste musical via un site web moderne. J'ai choisi Lindsey Stirling, violoniste connue pour mêler musique classique et électronique.
Le site propose une discographie complète navigable via un carousel, un lecteur audio custom pour écouter chaque album piste par piste, et une collection de reprises vidéo de bandes originales de jeux vidéo.
Le projet a été étendu avec PHP pour charger dynamiquement albums et tracklists depuis des fichiers JSON, avec un routing par slug pour les pages album.
Flow
- 01
- Accueil
- 02
- Navigation
- 03
- Discographie
- 04
- Album
- 05
- Reprises
Process
-
01
Analyse du brief
Choix de l'artiste, définition de l'identité visuelle en amenant un peu de ma pesonnalité
-
02
Récolte
Récolte de tous ses albums, recherche de ses reprises, et de toutes les tracklist.
-
03
Développement
Mise en place des includes PHP, chargement des données JSON, routing par slug pour les pages album .
-
04
Intégration front-end
Intégration de Swiper.js pour le carousel, développement du lecteur audio en JavaScript vanilla et animations CSS sur les transitions et le menu.