NOIR

Ночной кофе-бар · Москва

Ночной кофе-бар в центре Москвы, который работает до последнего гостя.

NOIR

Задача

Концепт-работа. Заведение вымышленное, задача поставлена как для реального клиента.

У ночного бара две беды. Его плохо видно на картах после заката, и его почти невозможно снять: интерьер тёмный, съёмка в темноте стоит дорого. Без фотографий лендинг превращается в прайс-лист.

Нужен был первый экран, который работает без единого снимка зала и сразу отвечает на главный ночной вопрос: вы ещё открыты.

Решение

  1. Частицы вместо фотографий

    Фон собирается из тысяч точек прямо в браузере и читается как пар над чашкой. Фотосессия не нужна, картинка живая и никогда не повторяется.

  2. Обратный отсчёт до закрытия

    На первом экране видно, сколько бар ещё работает. Ночью это единственная цифра, которая гостю действительно нужна.

  3. Бронь в три поля

    Имя, время, сколько гостей. Всё остальное спрашиваем уже в переписке, чтобы форма не отпугивала в час ночи.

  4. Меню под свет зала

    Тёмная палитра с тёплым уходом, крупная антиква и мелкий моноширинный. На экране телефона в полумраке читается без прищура.

Что внутри

Вес страницы
59 КБ разметки, вся графика считается в браузере
Библиотеки
только three.js для частиц, подгружается после первого экрана
Фотографии
ни одной, весь визуал сделан кодом
Языки
русский и английский
Форма брони
ничего никуда не отправляет, это демонстрация сценария
Телефон
отдельная раскладка меню и укрупнённые зоны нажатия

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

Демо вашего заведения бесплатно. Пишите в телеграм.

Написать

@S3nd1ttt

Политика обработки персональных данных
© 2026 Студия Meridian Прокрутка 0%