YENNI
Все проекты

05 / 05

NŌCTIL

Категория
Музыка · Аудиовизуальный опыт
Язык сайта
Английский
Статус
Независимый концептуальный проект

Коллектив deep house, чья музыка синтезируется вживую в вашем браузере.

Открыть сайт вживую
Fig. 01Главный экран — зерно над чёрной водой

Вопрос

Может ли сайт о музыке создавать звук сам, а не проигрывать файлы?

Идея

Вымышленный андеграундный коллектив deep house. «У ночи есть частота» — сайт ближе к комнате для прослушивания, чем к странице лейбла.

Визуальный язык

Жидкометаллическое зерно парит над чёрной зеркальной водой; контурные кольца пульсируют в такт басу. При прокрутке объект скользит между положениями и формами.

01

Звук как ландшафт

Раздел о звуке движется от заявления к контурному полю и дальше к трём качествам музыки — давление, ритм, атмосфера, — а зерно следует за прокруткой.

1 / 3

Fig. 03Звук — «Less noise. More depth.»

2 / 3

Fig. 04Контурное поле, пульсирующее с басом

3 / 3

Fig. 05Три качества — глубокое давление, жидкий ритм, атмосфера afterhours
Fig. 06Панель инструмента — генеративный трек, готовый к воспроизведению

02

Инструмент, а не плеер

Каждый релиз — маленький синтезатор со своими правилами. Панель показывает темп, тональность и состояние; ничего не записано заранее.

03

Темнота на маленьком экране

На телефоне сцена остаётся живой; каталог становится вертикальным списком, а ночной указатель сохраняет контурную карту.

Fig. 07Мобильная версия — главный экран
Fig. 08Мобильная версия — каталог
Fig. 09Мобильная версия — ночной указатель

04

Архив ночей

Релизы, сессии и частный атлас мест — каждый список интерактивен наведением или касанием.

Fig. 10Каталог — четыре трансляции
Fig. 11Сессии — избранные частоты
Fig. 12Ночной указатель — частный атлас мест
Fig. 13Ночной указатель — контурная карта с записями

05

Манифест и контакты

Типографический манифест и раздел бронирования, который честно говорит, что он вымышлен.

Fig. 14Манифест
Fig. 15Запросы на бронирование

06

Пока частота не вернётся

Финальная фраза проявляется с прокруткой и завершает опыт тишиной.

Fig. 16Финал — «Until the frequency returns»

Детали дизайна

  1. 01Почти чёрная палитра с минеральными серыми и одним холодным акцентом
  2. 02Широкий акцидентный шрифт, моноширинные метаданные и щедрая темнота
  3. 03Контурное поле и зерно, реагирующие на музыку

Взаимодействие

  1. 01Воспроизведение, переключение и затухание треков; M включает звук где угодно
  2. 02Ночной указатель, работающий наведением или касанием
  3. 03Статичные запасные варианты и поддержка уменьшения движения

Технологии

  • React 19
  • TypeScript
  • Vite
  • Three.js
  • GLSL
  • Web Audio API
Открыть сайт вживую
Все проекты
Следующий проект — 01 / 05TIVERМассажная студия · Сайт← Предыдущий: KŌIKEI

1 / 1