Магазин винила с навигацией через радиоприёмник · Музыкальный сайт с каталогом винила
Между станциями
Музыкальные подборки, плеер и каталог винила в интерфейсе радиоприёмника: поворот ручки меняет настроение всего сайта.
Задача
Создать сайт музыкального бренда, где знакомство с ассортиментом начинается с настроения. Вместо привычного списка разделов нужен запоминающийся способ выбирать музыку: легко переключать подборки, слушать звучание станции, рассматривать пластинки и собирать собственный выбор.
Как решили
Превратили интерфейс в приёмник с частотной шкалой и вращающейся ручкой. Четыре станции — «Тепло», «Глубина», «Импульс» и «Поле» — меняют палитру, генеративную графику, музыкальное сопровождение и подборку пластинок. Карточки релизов и корзина встроены в этот сценарий, а плеер даёт управление воспроизведением, перемоткой и громкостью.
Кому подойдёт такой формат
Для музыкального магазина, лейбла или культурного проекта, которому важно не только показать ассортимент, но и передать характер. Интерактивная навигация связывает визуальную подачу, музыку и выбор товаров в одном сценарии.
Поймать своё настроение
Пользователь выбирает станцию кнопкой или настраивает частоту. Вместе с подборкой меняются графика и цветовая среда.
Послушать станцию
Музыка запускается по желанию посетителя. Композицией можно управлять в плеере, перематывать её и менять громкость.
Собрать подборку винила
Карточка позволяет рассмотреть релиз и добавить его в корзину. Выбранные пластинки сохраняются в браузере, чтобы к ним можно было вернуться.
Возможности
- Четыре станции с разными музыкальными настроениями и визуальными состояниями
- Настройка частоты ручкой, шкалой, колесом мыши или клавиатурой
- Генеративная Canvas-графика с реакцией на движение указателя и возможностью паузы
- Музыкальный плеер с перемоткой, регулировкой громкости и указанием авторства записей
- Каталог из восьми релизов с отдельными карточками пластинок
- Корзина с сохранением выбранных пластинок в браузере и интерфейсом оформления