Рестораны & Брассери

Grand Café du Commerce

Ни фреймворка, ни CMS: районному брассери не нужна целая фабрика.

Год
2026
Разработка
2 недели
Стек
HTML/CSS · JavaScript · Google Analytics · Vercel
  • Дизайн
  • Разработка
  • Локальное SEO
  • Веб-аналитика

Демоверсия, размещённая Kayzen Web на адресе Vercel; окончательный домен принадлежит клиенту.

https://grandcafeducommerce.vercel.app/
Главная страница сайта Grand Café du Commerce — Рестораны & Брассери, создан Kayzen Web
производительность в Lighthouse
93/100
внешних зависимостей
0
запроса помимо HTML
2
SEO в Lighthouse
100/100
Отправная точка

Какую задачу нужно было решить.

Контекст

Le Grand Café du Commerce — брассери в квартале Вез (Vaise), 9-й округ Лиона. Местная публика, постоянные гости в обед, вечерние столики.

Ограничение

Прежний сайт был одностраничным, не адаптивным и без актуальных часов работы. Реальная потребность укладывалась в три строки: меню, часы работы, способ забронировать. Всё остальное было бы расходом без отдачи.

Решение

HTML, CSS и немного JavaScript. Ни фреймворка, ни CMS, ни базы данных. Результат загружается мгновенно, не требует обновлений безопасности и стоит ноль евро за хостинг. Меню правится в файле, открытым текстом.

Измерено, а не заявлено

Показатели на момент сдачи.

Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.

PageSpeed
93
Производительность: 93 из 100
97
Доступность: 97 из 100
100
Лучшие практики: 100 из 100
100
SEO: 100 из 100
Дизайн и арт-дирекшн

Каждое решение — и его причина.

  1. Стиль брассери, а не гастрономического ресторана

    Выразительная типографика, бордово-кремовая палитра, фотографии простых блюд. Слишком шикарный стиль отпугнул бы обеденную публику, которая даёт основную выручку.

  2. Часы работы на первом экране

    «Открыто до 22:00», вычисляемое в реальном времени, вместо таблицы из семи строк. Это самый частый вопрос, и он заслуживал ответа, а не документа, который нужно расшифровывать.

  3. Меню в HTML, никогда в PDF

    PDF-меню не читается на телефоне, не индексируется и не озвучивается экранным диктором. Меню — структурированная HTML-страница с ценами.

Палитра проекта

  • Бордо

    #6E2436

    Фирменный стиль, заголовки

  • Кремовый

    #F6F0E4

    Фон

  • Чернила

    #211E1C

    Текст

  • Латунь

    #B08A4A

    Линии и детали

Типографическая система

Заголовки

Libre Baskerville

Основной текст

Source Sans 3

Классический шрифт с засечками в духе вывесок брассери — только для заголовков; основной текст набран экранным гротеском.

Разработка

Что внутри.

  • HTML/CSS
  • JavaScript
  • Google Analytics
  • Vercel
  1. Ноль зависимостей

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

  2. Один CSS-файл, один JS-файл

    Два запроса помимо HTML. Сайт полностью готов раньше, чем сайт на фреймворке успеет разобрать свой бандл.

  3. Веб-аналитика с согласием

    Google Analytics загружается только после явного согласия. Без согласия не вызывается ни один сторонний скрипт — это не вопрос удобства, а правило CNIL.

SEO-продвижение

Как сайт становится находимым.

  1. «Брассери Вез», «ресторан Лион 9»

    Локальное продвижение нацелено сначала на квартал, потом на город: конкуренция там в десять раз ниже, а намерение в десять раз сильнее.

  2. Структурированные часы работы

    openingHoursSpecification в JSON-LD: именно это питает надпись «Открыто · Закроется в 22:00» в Google и избавляет от проверочного звонка.

Доступность

Удобно для всех.

С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.

  1. 97/100 без дополнительных усилий

    Простой сайт проще сделать доступным. Семантический HTML, проверенные контрасты, нативная навигация с клавиатуры: исправлять задним числом нечего.

Структура сайта

Что было сдано.

  • Главная
  • Меню
  • Бронирование
  • Как добраться и часы работы
  • Контакты
Метод

Ход проекта.

  1. Постановка задачи

    Выявлены три потребности, всё остальное отброшено.

  2. Дизайн

    Стиль брассери, динамические часы работы, меню в HTML.

  3. Разработка

    HTML/CSS/JS без зависимостей, согласие до аналитики.

Вопросы

О чём нас часто спрашивают.

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

Тот же уровень требований — для вашего сайта.

Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.

Поделиться