Site web / One-page / Musique

6 PA

Site one-page pour 6PA, beatmaker et producteur trap. Une adresse unique pour présenter ses productions, faire écouter ses beats et recevoir des demandes — au lieu d'un profil dispersé sur les réseaux.

Client
6PA
Année
2025
Catégorie
Site vitrine one-page
Format
Une page, responsive

01 /Le contexte

6PA produit des instrumentales trap : composition, mixage et sound design. Son travail vivait sur les plateformes d'écoute et les réseaux sociaux, sans point de chute qui lui appartienne — impossible d'envoyer un lien unique qui présente à la fois l'univers, les productions et le moyen de le contacter.

02 /Le défi

Traduire une identité musicale sombre et dense en interface, sans tomber dans le site d'artiste générique. L'écoute devait rester au centre : un visiteur doit pouvoir entendre une production sans quitter la page ni traverser trois menus.

Contrainte supplémentaire : tout devait tenir en une seule page, lisible aussi bien sur mobile — où arrive l'essentiel du trafic d'un artiste — que sur grand écran.

03 /L'approche

Direction artistique sombre, construite sur un dégradé rouge profond sur noir, avec une typographie large et affirmée qui porte le nom d'artiste dès le premier écran. Le contraste élevé sert la lisibilité mobile autant que l'ambiance.

La page s'articule en quatre temps : accroche et identité, présentation des productions avec écoute, prestations proposées, puis prise de contact. Chaque section est courte : on scrolle, on comprend, on écoute.

04 /La réalisation

Site statique en HTML, CSS et JavaScript natifs, sans framework ni dépendance externe : le chargement est immédiat et il n'y a rien à maintenir dans le temps. Hébergement statique, mise en ligne en continu.

HTML & CSS
Structure & style
JavaScript natif
Interactions
Zéro dépendance
Performance
Hébergement statique
Mise en ligne

05 /Le site livré

Capture de la page en ligne. Le site est consultable en entier via le bouton ci-dessous.

6PA — page d'accueil du site

Voir le site en ligne

6PA — Beatmaker & producteur trap

Voir le site →
Projet suivant

VVV — Site vitrine streetwear