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