СЕДИМЕНТ
Винный бар · Санкт-Петербург
Винный бар в Петербурге: бутылка разбирается при прокрутке, у каждого из шести вин лист сомелье, а вино можно подобрать по настроению.
Задача
Концепт-работа. Заведение вымышленное, задача поставлена как для реального клиента.
Маленький бар натурального вина хочет, чтобы гость ещё до визита понял главное: здесь всего шесть вин, и про каждое расскажут за стойкой. Осадок на дне бутылки не брак, а часть характера, и это нужно показать, а не объяснять мелким шрифтом.
Ограничение, о котором обычно вспоминают слишком поздно: в России реклама алкоголя в интернете запрещена. Сайт должен рассказывать о вине подробно и красиво и при этом оставаться справочным: без цен и продажи, без людей в кадре и без обещаний, что вино что-то улучшит.
Решение
Бутылка разбирается при прокрутке
Капсула, пробка, этикетка, стекло и осадок отделяются по очереди, к каждой детали тянется выноска с рассказом. Потом бутылка собирается и наливает бокал. Это 304 кадра из Blender: толстое стекло, вино с настоящим поглощением света, испарина. Свой плеер на WebGL смешивает соседние кадры и держит 60 кадров в секунду даже на телефоне.
Всё отрендерено, а не сфотографировано
Шесть бутылок разной формы со своими этикетками, стойка с бокалами, первый экран с полкой. Этикетки нарисованы с нуля, винодельни выдуманы и проверены на совпадения с настоящими, а выглядит это как предметная съёмка. Фотосессия для бара, которого нет, не понадобилась.
Лист сомелье на каждое вино
Сделан по образцу американских импортёров и итальянских энотек: цвет, нос, вкус и послевкусие, питьевое окно на шкале лет, виноградник, погреб, анализ партии и честный состав одной строкой. Карточку можно распечатать как настоящую техкарту.
ДНК вина
Двойная спираль из десяти генов: пять про вкус, пять про то, как вино сделано. Переключаешь вино, спираль перестраивается в его цвете и показывает ближайшую родню в карте.
Подбор по настроению
Гость пишет своими словами, например «дождь, плед и пластинки», сайт подсвечивает услышанные слова и выбирает вино из карты. Без сервера и нейросети: фраза разбирается прямо в браузере и никуда не уходит. Тому, кто сегодня за рулём или не пьёт, подбор предлагает безалкогольное.
Сеты и дегустации
Три сета по три бокала, каждый объясняет одну идею: тело, кожицу, осадок. Рядом четверговая дегустация у стойки, четыре шага «смотрим, нюхаем, пробуем, решаем» и словарь терминов в статье.
Юридически чисто
Вход 18+, предупреждение о вреде на каждой странице, ни цен, ни продажи, ни людей и животных в кадре, никаких обещаний пользы или успеха. Сайт не собирает данные и не ставит куки. Отдельная страница объясняет, почему это не реклама и не оферта, и перечисляет лицензии всех изображений и шрифтов.
Живой бар
Статус «открыто до» по московскому времени, часы с подсвеченным «сегодня», график загруженности вместо брони и нарисованная схема двора: вход через арку с фонарём.
Что внутри
- Первый экран
- около 640 КБ, кадры сцены догружаются по ходу
- Запросов наружу
- ни одного
- Библиотеки
- ни одной, свой плеер кадров на WebGL
- 3D
- Blender и Cycles, больше 700 кадров
- Страниц
- главная, шесть вин, статья, правовая
- Плавность
- 60 кадров в секунду на телефоне
- Данные
- не собираются, ни куки, ни счётчиков
- Возраст
- вход 18+, ответ хранится в браузере
Четыре дня до живой ссылки. Сайт показывает вино так, как его показывают дорогие импортёры, и при этом остаётся справочным: без цен, продажи и рекламных обещаний. Для бара в России это не формальность: реклама алкоголя в интернете запрещена, и сайт, который продаёт настроение, легко превращается в нарушение.
Демо вашего заведения бесплатно. Пишите в телеграм.
Написать@S3nd1ttt
Политика обработки персональных данных