В винном баре «Винтаж» почти 300 вин из 14 стран мира. Длинный список с названиями на французском и итальянском больше пугает, чем помогает выбрать. Мы сделали винную карту, которую листают как ленту, и AI-сомелье, который подбирает вино за пять вопросов. Гость открывает её по QR-коду со стола, и ему ничего не нужно устанавливать или регистрироваться.

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

• полистать самому: красиво, с историей каждой бутылки, чтобы хотелось задержаться;
• спросить: ответить на пару простых вопросов и сразу получить подборку.

Оба способа на входной странице: сверху AI-сомелье, ниже винная карта.

У «Винтажа» есть бренд-бук, и это сильно упростило работу. Цвета, шрифты и иллюстрации уже были, поэтому подбирать стиль с нуля не пришлось. В интерфейсе нет ни одного цвета, которого нет в бренд-буке. Заголовки набраны фирменной антиквой, акценты сделаны рукописным шрифтом, а иллюстрации бокалов и блюд нарисованы в стиле бренда.

Анимации тоже работают на бренд. Переход между экранами сделан как переливание вина. В ленте бутылки слегка смещаются при прокрутке, а «бассейн» вина внизу меняет цвет под каждую позицию.

Карта устроена как лента: одна бутылка на экран, рядом сорт, название, регион и цена. Листать её затягивает: каждая следующая бутылка появляется со своим цветом и движением.

Сверху всегда под рукой три кнопки: назад, поиск и фильтр. Поиск находит вино по названию или сорту. Фильтр отбирает по цвету и стране и сразу показывает, сколько вин подходит.

Если нажать на бутылку, откроется большая карточка. Сверху фото региона, где сделано вино, ниже — описание простым языком и три слова, если коротко

Дальше идут блоки, каждый со своей иллюстрацией:

• как подать: бокал, температура, сколько держать в декантере;
• вкус: колесо из пяти осей (тельность, сладость, танинность, кислотность, крепость);
• аромат: до шести нарисованных ароматов;
• как сделано: например, «9 месяцев в дубе — ваниль, тост, мягче танины»;
• с чем пить: гастросочетания с иллюстрациями блюд;
• цены в зале: за бутылку и за бокал, если вино наливают бокалами

Фото регионов взяты из открытой фотобазы с указанием автора и лицензии, их около 60. Описания написаны для каждого вина отдельно, а цены и наличие в зале каждый день подтягиваются из кассовой системы ресторана.

Когда не хочется листать, можно спросить сомелье. Он задаёт пять коротких вопросов:

1. Бутылку или бокал?
2. Какой сегодня повод: просто вечер, ужин с друзьями, свидание, праздник?
3. Что будете есть?
4. Какое вино обычно нравится? Можно ответить «не знаю, удивите».
5. Каким хочется: лёгким, мягким или насыщенным?

На любой вопрос можно ответить своими словами или пропустить его

В ответ сомелье предлагает три вина в разных ценовых сегментах. У каждого есть короткая фраза от лица самого вина и кнопка «открыть в карте». Подборка появляется сразу, без ожидания.

В карточке любого вина есть кнопка «спросить сомелье». Можно выбрать готовый вопрос («с чем подать?», «похожее, но дешевле», «чем оно особенное?») или спросить своими словами, например «подойдёт ли к стейку». Отвечает нейросеть, и советует она только вина, которые есть в карте ресторана.

• 27 сентября (воскресенье) — начали разработку.
• 30 сентября — карта готова, печатаем QR-коды на столы.
• 2 октября — запуск для гостей на одной точке.

За первую неделю — больше 150 посещений, и это только одна точка из четырёх. Это не трафик с сайта, а гости, которые уже сидят в ресторане и открыли карту со стола. Около 10% из них подписались на Instagram «Винтажа», а в среднем гость проводит в карте 7–8 минут.

Каждое действие считается отдельно: начал ли гость квиз, дошёл ли до подборки, сколько вин пролистал, открыл ли карточк