Музыкальный сайт / интерфейс · 3D · звук
Hoenix
Собрали девять релизов, музыкальный плеер и четыре 3D-сцены на одном сайте. Можно выбрать альбом, включить трек и увидеть, как графика реагирует на музыку.
01 / Задача
Девять релизов на одном сайте.
У Hoenix девять релизов, связанных общей историей. Нужно было показать эту связь и дать слушателю простой способ найти нужный альбом.
Переход к музыке сделали доступным с главного экрана. Для каждого релиза собрали описание, плеер и 3D-сцену. Отдельно продумали управление на телефоне.
- 09
- релизов на сайте
- 04
- 3D-сцены со стихиями
- 11
- языковых версий
- 04
- режима качества графики
- 09
- полных аудиотреков
02 / Концепция
У каждого релиза — свой мир.
Девять альбомов расположены вокруг общего центра. Выбор релиза открывает его музыку и одну из четырёх стихий: воду, огонь, воздух или землю.
03 / Навигация
От первого знакомства — к музыке.
- 01
Главная
Первое знакомство с визуальным языком проекта и прямой переход к музыке.
- 02
История
Замысел Hoenix и контекст, который связывает отдельные релизы.
- 03
Все релизы
Девять альбомов образуют систему связанных музыкальных миров.
- 04
Страница альбома
Обложка, история релиза, музыка и 3D-сцена в одной композиции.
04 / 3D и звук
Графика движется в ритме музыки.
Низкие, средние и высокие частоты управляют разными слоями графики. Бас меняет объём, средние частоты — движение поверхности, высокие — свет и мелкие частицы.
- девять полных аудиотреков в составе сайта;
- воспроизведение по выбору слушателя;
- четыре сцены: вода, огонь, воздух и земля;
- читаемый интерфейс поверх пространственной графики.
Фрагмент из проекта
Collapse signal
Один из треков Hoenix. Нажмите воспроизведение, чтобы услышать его.
05 / Мобильная версия
На телефоне удобно слушать и смотреть.
Перестроили навигацию, обложку, описание и плеер под узкий экран. Текст читается без увеличения, а кнопки рассчитаны на нажатие пальцем.
Четыре режима качества позволяют адаптировать графику к устройству. При ограниченной производительности, экономии трафика или отключённой анимации используется облегчённая версия.
06 / Реализация
Девять релизов. Четыре стихии.
Готовый сайт объединяет девять страниц релизов и девять полных треков, четыре 3D-сцены и одиннадцать языковых версий. Визуальные настройки позволяют менять материалы и выбирать один из четырёх режимов качества.