гора.
Ресторан / European fusion

BRUNO Tbilisi

Editorial-сайт для винного ресторана в Vake — Midnight Cellar палитра, Fraunces Variable, GEO под LLM, 16+ анимационных слоёв.

Регион
Тбилиси, Vake (Zakaria Paliashvili 11a)
Роль
Дизайн, fullstack-разработка, контент-пайплайн, GEO/SEO, деплой
Период
2026
Ниша
Ресторан / European fusion

Сайт публичный (brunotbilisi.com). NDA нет — все данные ресторана открытые: меню, цены, контакты, фото.

BRUNO — modern European fusion в районе Vake, Тбилиси. Brunch до 16:00 ежедневно, cocktails и biodynamic wines вечером, beef tartar и truffle pasta на постоянной кухне. Сайт сделан как editorial-журнал, не как лендинг: 16 анимационных слоёв и три параллельных способа подачи — главная-обзор, отдельные страницы под каждый раздел меню, режим reels с видео-обзорами зала.

Дальше — длинный рассказ: концепт «Midnight Cellar», палитра и шрифты, разбор 16 анимаций, GEO-стратегия (BRUNO одним из первых в Грузии получил позиции в ChatGPT и Perplexity), контент-пайплайн на 200+ фото, стек.

Что внутри

  • Палитра «Midnight Cellar»: ink-base #0D0A07, cream #F5EEE0, fire-orange #C9651F, wine #6B1E2A — три уровня тёмного + двa эмоциональных акцента.
  • Fraunces Variable display c осями SOFT, WONK, opsz — italic-вставки выглядят как ручная гравюра, не как наклон.
  • 16+ анимационных слоёв, все на чистом CSS + IntersectionObserver: candle flicker (6s loop), hero parallax + gyro-drift на mobile, scroll velocity blur, scroll progress bar, menu stagger + 3D tilt, gallery wave, amber panel breathe, sunrise sweep на brunch (one-shot per session), film grain over всего сайта.
  • Все анимации respect prefers-reduced-motion: reduce — fallback к простому fade без motion-blur и scale.
  • Многостраничник: 9 секций главной + 8 routes (menu c подкатегориями /menu/{category}, brunch, cocktails, reels с autoplay-on-scroll видео, reviews — полные 127 отзывов, visit, about).
  • Built for GEO: JSON-LD Restaurant + Menu + FAQPage, llms.txt с answer-first summary, robots.txt с эксплицитным Allow для GPTBot, ClaudeBot, PerplexityBot, Google-Extended, Applebot-Extended.
  • Контент-пайплайн на 200+ фото: Instagram (242 поста через instaloader) + Yandex Maps (65 фото через Playwright) + Restaurant Guru (45) + Tripadvisor + Google Business Profile. sharp resize → webp q=82 + avif q=70, blurhash placeholder, pHash-дедупликация.
  • Реальные данные: 127 курированных отзывов из 4 источников (Google/Yandex/TripAdvisor/Guru), 57 фото в галерее с курацией по pHash в 3 sub-секции.
  • ScrollVelocityBlur — динамический blur 0–1.8px на body в зависимости от скорости скролла, lerp-сглаживание на каждый rAF.
  • Hero-парallax с gyroscope-drift на mobile: фото фона смещается на ±2-3° по углу наклона устройства.

Стек

  • Next.js 14 (App Router, SSR)
  • TypeScript
  • Tailwind CSS
  • Fraunces Variable + IBM Plex Serif + IBM Plex Mono (next/font/google)
  • instaloader + Playwright (Yandex Maps, TripAdvisor, Restaurant Guru) — pipeline сбора 200+ фото
  • sharp + blurhash + pHash дедупликация
  • JSON-LD Restaurant/Menu/FAQPage, llms.txt
  • VPS + nginx + Cloudflare
Три рассказа

Один проект — три точки зрения