Редизайн сайта кафе «Подкова» в Солнечногорске

О проекте

Кафе «Подкова» — придорожное кафе домашней кухни у Ленинградского шоссе в Солнечногорске, которое работает больше 25 лет. Здесь готовят блюда русской, кавказской и итальянской кухни, мясо на огне, проводят банкеты, свадьбы и юбилеи, а также доставляют блюда основного меню. Сайт кафе работает на SkeekS CMS, и заказчик попросил обновить его до современного вида.

Что было

Сайт был собран на стандартном шаблоне интернет-магазина и за несколько лет заметно устарел. Главная страница состояла из рекламного слайдера, сетки разделов с иконками и одинаковыми кнопками «Смотреть», длинного SEO-текста мелким шрифтом и ленты новостей. Весь сайт лежал на фоне деревянной текстуры, а в шапке оставались иконки магазина — поиск, сравнение, избранное, корзина и личный кабинет, которые кафе не нужны.

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

Задача

Заказчик показал сайт московского ресторана, который ему нравится: полноэкранная фотография на первом экране, сдержанная типографика, много воздуха и крупные фотографии. Нужно было сделать сайт «Подковы» таким же современным, но сохранить характер уютного семейного кафе у дороги. На первый план требовалось вынести атмосферу зала, кухню, бронирование стола и банкеты, не переделывая CMS и сохранив привычное управление сайтом.

Фотографии

Отдельной фотосессии не было, поэтому мы разобрали все альбомы сайта — зал, веранду, банкеты и около тридцати фотографий блюд — и отобрали лучшие снимки. Многие фотографии были сняты на телефон при смешанном освещении, поэтому каждую прогнали через мягкую автоматическую коррекцию: выровняли уровни и баланс белого, добавили контраст и резкость. Дерево зала стало тёплым, скатерти — белыми, блюда — аппетитными.

Два варианта дизайна

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

Вариант 1 «Вечер» — ближе всего к понравившемуся референсу. Тёмный первый экран во всю высоту с фотографией зала, крупное название «ПОДКОВА» заглавными буквами с разрядкой, тонкий гротеск и латунный акцент в цвет подковы.

Вариант 2 «Дом» — светлый и тёплый. Лесной зелёный взят из сервировки зала, рябиновый — для кнопок, а ключевые фотографии вписаны в арки в форме подковы.

Для внедрения выбрали первый вариант.

Главная страница

Главная выстроена как рассказ о кафе, где каждый блок отвечает на вопрос гостя. Фирменный знак — упрощённая подкова — появляется в логотипе и повторяет латунный акцент.

• первый экран с фотографией зала, кнопками «Забронировать стол» и «Смотреть меню», часами работы и условиями доставки;
• «О кафе» — тёплая остановка на долгой дороге;
• кухня: русская, кавказская и итальянская, галерея блюд;
• банкеты: свадьбы, юбилеи, детские праздники и поминальные обеды;
• летняя веранда на всю ширину экрана;
• доставка с условиями и телефоном для заказа;
• галерея интерьера с просмотром фотографий;
• события кафе;
• блок бронирования с крупным телефоном, адресом, часами работы и маршрутом.

Внутренние страницы

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

Мобильная версия

Многие гости ищут кафе с телефона прямо в дороге. Поэтому на мобильных внизу экрана всегда закреплены две кнопки — «Позвонить» и «Забронировать», а меню открывается на весь экран крупным списком. Все блоки перестраиваются в одну колонку без горизонтальной прокрутки.

Реализация

Сайт остался на SkeekS CMS. Новые шапка и футер, общий CSS и JavaScript подключены через настройки темы и работают на всех страницах. Главная страница собрана как управляемый HTML-контент без обёрток шаблона, а фотографии загружены в файловое хранилище сайта.

Все изменения — настройки темы, главная страница и изображения — внесены через REST API SkeekS CMS, а исходные настройки сохранены для отката. Такой подход позволил быстро показать варианты и внедрить выбранный, не останавливая работу сайта.

Результат

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

Посмотреть сайт