Musikwebsite / Benutzeroberfläche · 3D · Sound
Hoenix
Wir haben neun Veröffentlichungen, einen Musikplayer und vier 3D-Szenen auf einer Website gesammelt. Sie können ein Album auswählen, einen Titel abspielen und sehen, wie die Grafiken auf die Musik reagieren.
01 / Aufgabe
Neun Veröffentlichungen auf einer Website.
Hoenix verfügt über neun Veröffentlichungen, die durch eine gemeinsame Geschichte verbunden sind. Es musste diese Verbindung zeigen und dem Hörer eine einfache Möglichkeit bieten, das gesuchte Album zu finden.
Die Musik ist direkt von der Startseite erreichbar. Für jedes Release haben wir Beschreibung, Player und 3D-Szene zusammengestellt. Die Bedienung auf dem Smartphone wurde gesondert entwickelt.
- 09
- Veröffentlichungen auf der Website
- 04
- 3D-Szenen mit Elementen
- 11
- Sprachversionen
- 04
- Grafikqualitätsmodi
- 09
- vollständige Audiotracks
02 / Konzept
Jede Veröffentlichung hat ihre eigene Welt.
Neun Alben sind um ein gemeinsames Zentrum angeordnet. Wenn Sie eine Veröffentlichung auswählen, werden deren Musik und eines von vier Elementen angezeigt: Wasser, Feuer, Luft oder Erde.
03 / Navigation
Vom ersten Kontakt zur Musik.
- 01
Startseite
Erster Einblick in die visuelle Sprache des Projekts und direkter Übergang zur Musik.
- 02
Geschichte
Die Idee von Hoenix und der Kontext, der die einzelnen Releases verbindet.
- 03
Alle Veröffentlichungen
Die neun Alben bilden ein System miteinander verbundener Musikwelten.
- 04
Albumseite
Cover, Geschichte des Releases, Musik und 3D-Szene in einer Komposition.
04 / 3D und Ton
Die Grafiken bewegen sich im Rhythmus der Musik.
Tiefe, mittlere und hohe Frequenzen steuern verschiedene Grafikebenen. Der Bass verändert das Volumen, mittlere Frequenzen die Oberflächenbewegung und hohe Frequenzen Licht und kleine Partikel.
- neun vollständige Audiotracks auf der Website enthalten;
- Wiedergabe nach Wahl des Publikums;
- vier Szenen: Wasser, Feuer, Luft und Erde;
- gut lesbare Benutzeroberfläche über räumlicher Grafik.
Ausschnitt aus dem Projekt
Collapse signal
Ein Track von Hoenix. Drücken Sie auf Wiedergabe, um ihn anzuhören.
05 / Mobile Version
Musik und Bilder lassen sich auf dem Smartphone bequem erleben.
Wir haben Navigation, Cover, Beschreibung und Player für schmale Bildschirme neu aufgebaut. Der Text ist ohne Vergrößerung lesbar, die Schaltflächen lassen sich bequem mit dem Finger bedienen.
Vier Qualitätsstufen passen die Grafik an das jeweilige Gerät an. Bei begrenzter Leistung, aktiviertem Datensparmodus oder ausgeschalteter Animation wird eine reduzierte Version verwendet.
06 / Implementierung
Neun Veröffentlichungen. Vier Elemente.
Die fertige Website vereint neun Release-Seiten und neun vollständige Tracks, vier 3D-Szenen und elf Sprachversionen. In den visuellen Einstellungen lassen sich Materialien wechseln und einer von vier Qualitätsmodi wählen.