Brasserie Georges
Брассери 1836 года: сайт должен был соответствовать интерьеру, а не заслонять его.
- Год
- 2026
- Разработка
- концепт — 3 недели
- Стек
- Next.js · React · TypeScript · Tailwind · Vercel
- Арт-дирекшн
- Дизайн
- Разработка
- SEO
- Тексты
Макет-предложение, размещённый Kayzen Web на демонстрационном адресе; заведение не утвердило проект, и этот сайт ему не принадлежит.
Оговорка. Этот макет создан по инициативе Kayzen Web и представлен соответствующему заведению. Оно его не утвердило, макет не опубликован от его имени и ни к чему заведение не обязывает. Мы не представляем его как клиентский проект.
- год открытия
- 1836
- лет в 2026 году
- 190
- изображений для декоративных мотивовтолько SVG
- 0
Какую задачу нужно было решить.
Контекст
Brasserie Georges — лионская достопримечательность в квартале Перраш (Perrache), открытая в 1836 году, и самая большая брассери Франции. Её зал в стиле ар-деко вписан в образ города не меньше, чем в путеводители.
Ограничение
Место такого масштаба не продают — его показывают. Трудность в том, чтобы отдать должное исключительному залу на шестидюймовом экране телефона и при этом решать прозаичные задачи: забронировать столик на четверых в субботу вечером, организовать банкет, узнать часы работы.
Решение
Сделать интерьер структурой сайта. Фрески и кованые детали задают палитру, ритм и разделительные мотивы. Каждый раздел — зал; навигация — прогулка. Под этой постановкой функции остаются на первом плане: забронировать, арендовать зал, добраться.
Каждое решение — и его причина.
Палитра взята из самого места
Вагонный зелёный, латунь, гранатовый красный и кремовый: цвета сняты с фресок и кованых деталей зала. Ни один не выдуман.
Мотивы ар-деко как разделители
Разделительные линии повторяют геометрические мотивы интерьера в лёгком SVG. Они задают ритм без единого дополнительного изображения.
Досье к 190-летию
Отдельный юбилейный раздел, оформленный как пресс-кит: даты, цифры, архивы. Этим контентом делятся и его цитируют.
Аренда залов как продукт
Вместимость каждого зала, варианты рассадки, пакеты. Банкеты — значительная часть деятельности брассери такого размера; они заслуживали большего, чем один абзац.
Палитра проекта
Вагонный зелёный
#1F3B33
Фон, деревянные панели
Латунь
#C39A4E
Линии, мотивы
Гранат
#7A2233
Акценты
Кремовый
#F4EDDF
Текст, светлые поверхности
Типографическая система
Заголовки
Poiret One / Cormorant
Основной текст
Inter 400
Геометрический акцидентный шрифт ар-деко для заголовков, уравновешенный современным гротеском во всём основном тексте, — иначе страница стала бы нечитаемой.
Что внутри.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Статический рендеринг и прогрессивные изображения
Сайт-постановка тяжёл по своей природе. Каждая фотография зала отдаётся в нескольких ширинах и в современных форматах, с постепенной загрузкой по мере прокрутки.
Мотивы в SVG, никогда не картинками
Разделители в стиле ар-деко весят несколько сотен байт и остаются чёткими при любом разрешении.
Как сайт становится находимым.
Запросы о наследии и транзакционные запросы
«Brasserie Georges Лион», «самая большая брассери Франции», «ресторан Перраш» — с одной стороны; «забронировать брассери Лион», «банкет Лион» — с другой. Два намерения, два семейства страниц.
Разметка Restaurant и Event
Брассери описана полным узлом Restaurant, 190-летие — датированным узлом Event. События с датами попадают в особые блоки поисковой выдачи.
Что было сдано.
- Главная — зал
- Меню
- Бронирование
- Аренда залов — вместимость и пакеты
- 190 лет — досье
- История с 1836 года
- Как добраться
Ход проекта.
Изучение места
Съёмка цветов и мотивов, архивы, цифры.
Арт-дирекшн
Палитра с натуры, векторизованные мотивы, ритм разделов.
Дизайн
Прогулка по залам, функции на первом плане.
Разработка
Статика, прогрессивные изображения, мотивы в SVG.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.