Редизайн сайта кафе
ПодковаКафе у трассы.
Сайт — как вечер в нём.
Придорожное кафе домашней кухни в Солнечногорске. Вместо шаблона интернет-магазина — современный сайт на настоящих фотографиях зала и блюд: два варианта дизайна, выбор вместе с владельцем и аккуратный запуск выбранного.
- 2варианта дизайна
на одной структуре - 80+фото из альбомов сайта
просмотрели - 18лучших кадров —
с коррекцией света - 0остановок
работы сайта
Было → стало
Из шаблона магазина —
в сайт кафе.
Сайт стоял на стандартном шаблоне интернет-магазина: рекламный слайдер, иконки «Смотреть», корзина и избранное в шапке, деревянная текстура вместо фона. Потяните шторку — и посмотрите, что осталось от прежнего первого экрана.
Рекламный слайдер с баннерами→ полноэкранное фото залаКорзина, избранное, сравнение→ телефон и «Забронировать»Сетка разделов с кнопками «Смотреть»→ рассказ о кафе по блокамДеревянная текстура вместо фона→ тёплый тёмный и латунь
Фотографии
Тот же кадр.
Чище и теплее.
Отдельной фотосессии не было. Мы просмотрели все альбомы сайта и выбрали 18 кадров зала, веранды, банкетов и блюд. Снимки с телефона при смешанном свете прошли одинаковую мягкую коррекцию — без генерации и ретуши: уровни, баланс белого, контраст и резкость.
Дерево потолка и пола — теплее и глубже.
Дерево потолка и пола — теплее и глубже.Скатерти чище, роспись и зелёные салфетки — ярче.Корочка и зелень контрастнее — блюдо аппетитнее.Лимон, зелень и оливки отделились друг от друга.Праздничный стол получил объём и чистые цвета.Исходные кадры — из фотоальбомов сайта кафе. Нажмите «После / До» или удерживайте снимок, чтобы сравнить.
Два варианта
Одна структура.
Два характера.
Заказчику понравился сайт московского ресторана: фото на весь экран, сдержанная типографика, много воздуха. Мы подготовили два направления на одной и той же главной и показали их на одной странице с переключателем — на реальных фото кафе, а не на заглушках.
Вечер
Ближе всего к понравившемуся референсу. Тёмный первый экран во всю высоту, название заглавными с разрядкой, тонкий гротеск и латунь — цвет подковы.
- Заголовки
- Tenor Sans
- Текст
- Golos Text
- Приём
- Шапка прозрачная поверх фото
Дом
Светлый и тёплый. Лесной зелёный взят из сервировки зала, рябиновый — для кнопок, ключевые фото вписаны в арки в форме подковы.
- Заголовки
- Yeseva One
- Текст
- Onest
- Приём
- Фото в арках-подковах
Главная страница
Каждый блок —
ответ гостю.
Где это, что поесть, можно ли отметить праздник, привезут ли домой, как позвонить. Главная выстроена как рассказ о кафе. Выберите блок — окно перейдёт к нему на живой странице.
Внедрение
Новый сайт —
без остановки старого.
Сайт остался на SkeekS CMS. Шапка, подвал, общий CSS и JavaScript подключены через настройки темы, главная собрана как управляемый HTML-контент, фото загружены в хранилище сайта. Прежние настройки сохранили, чтобы можно было вернуть всё за минуту. Тексты и страницы по-прежнему правятся в обычной админке.
- Резервная копияСохранили прежние настройки оформленияготово
- Резервная копияСохранили прежнюю главную страницуготово
- ФотографииКадры зала, веранды и блюд — в хранилище сайта18/18
- ОформлениеШапка, подвал, стили, шрифты и цветаготово
- ГлавнаяНовая главная страница вместо шаблоннойготово
- kafepodkova.ruНовый сайт открыт посетителямготово
Шаги запуска в том порядке, в каком их выполняли. Старый сайт работал до последнего шага.
Своя шапка и подвал, общий CSS и JS — на всех страницах сразу.
Управляемый HTML-контент: тексты правятся в редакторе раздела.
Меню, банкеты, доставка, фото, новости — в новом стиле без переделки содержимого.
Вечером здание подсвечено фонариками
Ваш сайт тоже может
встречать как дома.
Покажем варианты на ваших настоящих фотографиях и внедрим выбранный — без остановки сайта и без переезда на другую систему.