Живьём

Концепт сервиса: трек, который написала нейросеть, переигрывают живые музыканты. Название, тексты, дизайн и разработка — вместе с демонстрацией разницы, которая звучит прямо на странице.

Формат
Лендинг, адаптив
Что сделано
Название, тексты, дизайн, звук, разработка
Стек
HTML, CSS, JavaScript, Web Audio
Год
2026
Первый экран: заголовок «Трек придумала нейросеть. Сыграют люди.» и пульт с переключателем версий Тот же экран на версии «Живьём»: акцент стал жёлтым, волна — плавной Калькулятор: партии, длина трека, ориентир цены и срок

Задача

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

Нужен сайт, который объясняет услугу за десять секунд человеку, который не знает слов «сведение» и «стемы».

Решение

Разницу слышно, а не описано. На первом экране — пульт: один и тот же фрагмент в двух версиях. Переключатель меняет их на лету, не сбивая такт.

Звук рождается в браузере. Машинная версия — ровные синтезаторы по сетке. Живая — струна, смоделированная линией задержки, барабаны с разной силой удара, лёгкий свинг и комната. Ни одного аудиофайла.

Страница меняет характер. На версии «Нейросеть» акцент холодный и белый, волна — ступеньками. На «Живьём» всё теплеет в жёлтый, линия становится плавной.

Калькулятор состава. Барабаны, бас, гитара, клавиши, струнные, духовые, вокал; длина трека и срочность — сразу ориентир цены и срок. Три готовых набора ставятся одной кнопкой.

Заявка без формы-посредника. Кнопка открывает Telegram с готовым сообщением: имя, ссылка на трек, выбранный состав.

Дизайн-система

Чёрный и жёлтый, широкий гротеск заглавными, крупные скруглённые панели. Единственная «иллюстрация» — живая волна сигнала на координатной сетке.

Фон #0A0A0A
Жёлтый #FFD400
Белый #F5F5F0
Карточка #1A1A1A
Сыграют людиUnbounded — заголовки
Та же мелодия, настоящий звукOnest — текст

Нужен похожий проект?