Site de musique / interface · 3D · son
Hoenix
Nous avons rassemblé neuf sorties, un lecteur de musique et quatre scènes 3D sur un seul site. Vous pouvez sélectionner un album, lire une piste et voir comment les graphiques réagissent à la musique.
01 / Objectif
Neuf sorties sur un même site.
Hoenix compte neuf sorties reliées par une histoire commune. Il fallait rendre ce lien visible et permettre à l’auditeur de trouver facilement l’album recherché.
La musique est accessible dès l’écran principal. Pour chaque sortie, nous avons réuni une description, un lecteur et une scène 3D. Nous avons conçu séparément les commandes mobiles.
- 09
- sorties sur le site
- 04
- Scènes 3D inspirées des éléments
- 11
- versions linguistiques
- 04
- modes de qualité graphique
- 09
- pistes audio complètes
02 / Concept
Chaque sortie — son propre univers.
Neuf albums gravitent autour d’un même centre. Choisir une sortie ouvre sa musique et l’un des quatre éléments : eau, feu, air ou terre.
03 / Navigation
De la découverte — à la musique.
- 01
Accueil
Première immersion dans le langage visuel du projet et accès direct à la musique.
- 02
Histoire
Le concept de Hoenix et le contexte qui relie les différentes sorties.
- 03
Toutes les sorties
Les neuf albums forment un système d’univers musicaux connectés.
- 04
Page d’album
Couverture, histoire de la sortie, musique et scène 3D réunies dans une même composition.
04 / 3D et son
Les graphismes bougent au rythme de la musique.
Les basses, moyennes et hautes fréquences contrôlent différentes couches graphiques. Les basses modifient le volume, les moyennes — le mouvement de la surface, les hautes — la lumière et les fines particules.
- neuf pistes audio complètes incluses dans le site ;
- lecture sélectionnée par l’auditeur ;
- quatre scènes : eau, feu, air et terre ;
- interface lisible au-dessus des graphiques spatiaux.
Extrait du projet
Collapse signal
L’un des morceaux de Hoenix. Lancez la lecture pour l’écouter.
05 / Version mobile
C’est pratique d’écouter et de regarder sur votre téléphone.
Nous avons repensé la navigation, la couverture, la description et le lecteur pour les écrans étroits. Le texte reste lisible sans zoom et les boutons sont adaptés au toucher.
Quatre niveaux de qualité adaptent les graphismes à l’appareil. La version allégée est utilisée lorsque les performances sont limitées, en mode économie de données ou lorsque les animations sont désactivées.
06 / Mise en œuvre
Neuf sorties. Quatre éléments.
Le site livré réunit neuf pages de sorties, neuf pistes audio complètes, quatre scènes 3D et onze versions linguistiques. Les réglages visuels permettent de changer les matériaux et de choisir l’un des quatre niveaux de qualité.