APdu113 – Site Vitrine
Création d’un site vitrine en Next.js pour le rappeur APdu113, regroupant ses sons, ses plateformes, et son merchandising.
Ce projet personnel vise à concevoir un site vitrine complet pour l’artiste APdu113 à sa demande, permettant de centraliser son univers musical, ses dernières sorties, et ses produits dérivés. Il s’agit d’un projet à la fois artistique et technique, actuellement en phase de conception.
Objectifs du site
- Créer un site ou tout les fans de l'artiste, pouvait retrouver toutes ses informations.
- Rediriger les fans vers les plateformes de streaming (Spotify, Apple Music, YouTube, etc.)
- Mettre en valeur l’image de marque de l’artiste
- Redirigé vers le partenaire, qui vends le merchandising
- Utiliser Next.js pour des performances optimales et une bonne SEO
Maquette du projet
Plusieurs maquettes ont été réalisées avec Adobe XD pour poser les bases visuelles du site. Ces prototypes permettent de définir l’identité graphique, le parcours utilisateur, et les composants principaux.
La direction artistique s’inspire de l’univers d’APdu113, avec des tons sombres, un style brut et des visuels percutants. Chaque section est pensée pour offrir une expérience fluide et engageante, que ce soit sur desktop ou mobile.
Sections prévues du site
- Discographie : catalogue des sons et albums classés chronologiquement.
- Merch : boutique en ligne avec système de panier (intégration Stripe en prévision).
- À propos : une page pour présenter l’artiste, ses influences, son parcours.
- Liens externes : redirection vers ses plateformes musicales et réseaux sociaux.
Technologies utilisées
- Framework : Next.js
- Langage : TypeScript
- Styling : Tailwind CSS
- Déploiement : mon VPS OVH (prévu)
- Outils de design : Adobe XD, Figma
Prochaine étape
Le site est actuellement en phase de prototypage. Les prochaines étapes incluent :
- Développement : mise en place de la structure du site, intégration des maquettes et développement des fonctionnalités.
- Tests utilisateurs : recueillir des retours sur l’ergonomie et l’expérience utilisateur.
- Déploiement : mise en ligne du site sur le VPS OVH, suivi des performances et optimisation SEO.