Кофемания
Сайты ресторанной группы «Кофемания»: лендинги концепций и разделов внутри coffeemania.ru и два самостоятельных сайта — мясной ресторан «Жажда крови» и grab-and-go проект Bez Tarelok.
Результат
- 8
- лендингов и разделов внутри coffeemania.ru
- 5
- внутренних лендингов в разделе «Устойчивое развитие»
- 2
- самостоятельных сайта: «Жажда крови» и Bez Tarelok
Экраны продукта
Лендинг ресторана «Кофемания Chef’s»: рассказ о концепции переключается вкладками «О проекте», «Кухня» и «Интерьер» поверх фотографии зала — без перезагрузки и без отдельных страниц.
Раздел «Устойчивое развитие» — хаб, из которого открываются пять внутренних лендингов. Карточки и подписи приходят из CMS, поэтому новая программа добавляется без релиза.
Внутренний лендинг Zero Waste: первый экран, хлебные крошки до корня раздела и блоки «текст + фотография», которые маркетинг собирает сам.
Лендинг предзаказа в аэропортах: путь гостя от установки приложения до получения заказа в терминале.
Первый экран «Жажды крови»: фоновое видео из открытой кухни, поверх — бронь стола и меню. В шапке переключатель RU/EN.
Главная Bez Tarelok: слайдер первого экрана и текст приходят из headless-CMS отдельными коллекциями, ссылка ведёт в пост блога.
Блок «Как найти Bez Tarelok»: точки на карте и карточки с адресом, телефоном и часами работы редактируются из админки — восемь заведений на одной странице.
Мобильная сборка: та же страница отдаётся отдельным шаблоном, бронь стола закреплена внизу экрана.
Задача бизнеса
Группа запускает новые концепции быстрее, чем их успевает описать основной сайт: ресторан «Кофемания Chef’s» на Патриарших, предзаказ в ресторанах аэропортов Москвы, раздел «Устойчивое развитие» с отчётом об экологических программах, отдельные бренды «Жажда крови» и Bez Tarelok. Каждому запуску нужна была своя страница к маркетинговому сроку — но внутри общей навигации, с единой шапкой и футером, с контентом, который правит маркетинг, и без потери скорости на телефоне: основной трафик приходит с мобильных.
Моя роль
Frontend разработчик: собирал лендинги и отдельные сайты — вёрстка, анимации по скроллу, адаптив, подключение блоков к CMS, интеграции с бронированием, доставкой и картами. Держал новые страницы внутри общей структуры сайта группы, чтобы каждый запуск не превращался в отдельный проект со своей вёрсткой и своей шапкой.
Решение
Лендинги «Кофемании» живут внутри Next.js-приложения coffeemania.ru: страницы отдаются с сервера через getServerSideProps, поэтому контент из CMS попадает в разметку и индексируется. У сайта отдельная мобильная сборка — шаблон выбирается на сервере, а не прячется медиазапросами. «Устойчивое развитие» устроено как хаб с пятью внутренними лендингами: стратегия, экоупаковка, экопроекты, забота об обществе и управление отходами. «Жажда крови» — самостоятельный сайт мясного ресторана: видео на первом экране, 360°-тур цеха выдержки на krpano, поп-апы брони и доставки, версии RU и EN, разметка Schema.org Restaurant для выдачи. Bez Tarelok — Next.js поверх headless-CMS: слайдер, блог с рубриками, ценности бренда и карта точек приходят отдельными коллекциями и редактируются из админки.