Иллюстрация грузинских блюд из оформления сайта
← Портфолио

Ресторан грузинской кухни · Клин

Хинкальная.
Сайт с аппетитом.

Пересобрали ресторанный сайт: от первого впечатления до выбора блюд и бронирования стола.

Иллюстрация из оформления сайта
Дизайн и вёрстка7 обновлённых страницСобственная листалка менюНа действующей SkeekS CMS

Задача

Не просто показать ресторан.
Помочь выбрать вечер.

Сайт уже работал, но страницы требовали единого оформления, а сторонний просмотрщик меню не нравился владельцу. В разделе «Фото» не хватало изображений. Нужно было обновить весь сайт и сохранить понятные гостю действия.

Начали с реального сценария: посмотреть блюда, узнать о банкетах, найти адрес и забронировать стол. Из него выросли структура главной и навигация — без лишних шагов.

Главная деталь проекта

Меню осталось знакомым.
Листать стало удобнее.

Страницы исходного меню перенесли на сайт и собрали свой просмотрщик. Попробуйте здесь: это те же 22 страницы.

3–4 / 22

Стрелки или свайп · нажмите на страницу для увеличения

Свои изображенияМеню хранится на сайте и загружается по мере просмотра.

Свой интерфейсУправление продолжает дизайн ресторана.

Свой размерРазворот на большом экране, один лист на маленьком.

Как пришли к результату

От направления
к деталям.

Выбрали тёплый ресторанный характер и последовательно перенесли его на весь сайт.

Сначала — визуальное направление

Рассмотрели варианты подачи. Для реализации выбрали первый: винные акценты, светлую основу и крупные изображения блюд.

Затем — все страницы

Собрали главную, меню, банкеты, фото, контакты, «О кафе» и новости в одной системе. Общие шапка и подвал связывают разделы.

После — привычные действия

Кнопки бронирования на всех страницах ведут в одну форму. Её оформление тоже обновили, добавили юридические ссылки в подвал.

И только потом — финальные детали

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

Не один удачный экран.
Цельный сайт.

У каждого раздела своя задача. У всех — один визуальный язык и понятная навигация.

hinkali.sitika.ru/
Главная — снимок действующего сайта

Знакомство начинается с аппетита.

Крупное блюдо, два понятных действия и три повода прийти: меню, праздник и атмосфера.

Посмотреть страницу ↗

Визуальный язык

Вино, бумага
и грузинский стол.

Сдержанная палитра оставляет главный акцент блюдам. Выразительные заголовки сочетаются с простым читаемым текстом.

Изображения для оформления — иллюстрации, а не документальная съёмка ресторана.

Грузинская кухня
с душой

Playfair Display · заголовки

Выберите то, что хочется сегодня.

Manrope · тексты и интерфейс
ВинныйКремовыйТёплый чёрный

На телефоне —
та же история.

Меню помещается в один экран по ширине. Контакты доступны сразу, а бронирование открывается с любой страницы.

Главная на телефоне
Главная · прокрутите экран
Меню на телефоне
Меню · прокрутите экран
Контакты на телефоне
Контакты · прокрутите экран

Результат

Сайт, который приглашает
за стол.

Семь страниц, единый стиль, собственный просмотр меню и понятный путь к бронированию — на прежней системе управления.

Увеличенная страница меню