Кейс 12 / 13 · Музыкальный проект

MOOSIC.RU

Музыкальный проект

MOOSIC.RU — музыкальный проект с коллекцией авторских записей. Вместо привычного списка треков — разноцветные аудиокассеты, заметки о композициях и плеер в эстетике аналоговой техники.

Проект
moosic.ru
Работы 100LIKES
Структура · Дизайн · Разработка
Формат
Музыкальный проект
moosic.ruDESKTOP
Главная страница сайта MOOSIC.RU
Главная страница · MOOSIC.RU
Контекст

Задача проекта

Превратить знакомство с музыкой в выразительный интерактивный опыт. Объединить коллекцию записей, истории их создания и управление прослушиванием в одном интерфейсе.

От идеи до сайта

Что мы сделали

01

Структура и сценарии

Главная страница построена вокруг коллекции кассет. Каждая запись сопровождается названием, заметкой, датой и перечнем музыкальных инструментов. Отдельный блок предлагает следить за новыми композициями, а плеер остаётся под рукой.

02

Визуальная система

Объёмные кассеты, пиксельный логотип, бумажные текстуры и физические кнопки создают ощущение домашней музыкальной коллекции. Цвет выбранной кассеты меняет фон страницы и связывает оформление с текущим треком.

03

Веб-разработка

Реализованы выбор записи через карточку кассеты, обновление состояния плеера и смена цветовой темы. Панель управления объединяет кнопки запуска, остановки и перемотки записи.

moosic.ruDETAILS
Выбранная кассета: смена цвета страницы и состояние плеера — MOOSIC.RU
Выбранная кассета: смена цвета страницы и состояние плеера
Итог

Результат работы

Музыкальные записи собраны в цельную интерактивную коллекцию. Визуальный образ кассеты помогает выбирать композиции, а заметки раскрывают контекст их создания.

Посмотреть действующий сайт
Обсудим вашу задачу

Заявка на услугу

Расскажите о проекте — определим объём работ и следующий шаг.

Укажите email или телефон — чтобы мы могли связаться с вами.

Подготовим письмо на hello@100likes.ru в вашем почтовом приложении. Отправку подтверждаете вы. О данных формы ↗