Редизайн сайта для ресторана
Тифлисский дворик

Сайт tiflis.ru разработан компанией Afonico M&D

«Тифлисский дворик» – ресторан грузинской кухни, где с грузинским радушием и
гостеприимством встречают гостей.

7

человек

участвовали в
разработке проекта

209

задач

выполнено
 

259

часов

заняла полная
разработка проекта

Задачи

  • Проанализировать структуру и недостатки старого сайта;
  • Разработать прототипы на основе потребностей заказчика;
  • Нарисовать и утвердить дизайн;
  • После утверждения макетов, передать дизайн в разработку;
  • Наполнить сайт предоставленным материалом;
  • Провести тестирование сайта на всех возможных устройствах, исправить ошибки;
  • Перенести сайт на боевой домен;
  • Разработать дополнительно презентацию для свадеб в стилистике сайта.
Tasks Ipad
before after

Цветовое решение

У ресторана 3 корпоративных цвета, на основе которых строится стилистика всех страниц сайта. Цвета строгие и максимально контрастные к основному белому. Они подчеркивают дороговизну и высокое качество обслуживания. Такие цвета, как правило, вызывают доверие у посетителей.

Белый

#ffffff

Темно-серый

#1a1a1a

Черный

#000000

Дизайн концепт

Page Wedding Page Wedding

Страница Свадьба

Page Events Page Events

Страница Мероприятия

Page Main Page Main

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

Halls Image

Тематические иконки в залы

Для всех семи залов мы отрисовали серию тематических иконок, которые рассказывают о достопримечательности каждого зала.

Например, зал оборудован камином, подсвечниками и мягкими диванами.

Банкетный зал

Барная зона

Тифлисский дворик

Зал Тифлиса улица

Зимный сад

Конференц зал

Белый зал

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

Шапка и навигационное меню

b1
Недостатки:
  • очень примитивно
  • на первом экране нет навигационного меню
  • непонятно, где искать меню ресторана, его нет на видном месте
a1
Улучшение:
  • добавили навигационное меню
  • освежили слайдер: сейчас это привлекательное видео-экскурсия по ресторану
  • с первого экрана убрали текстовое описание, его переместили ниже в логичную цепочку

Подвал

b2
Недостатки:
  • не информативно
  • нет дублирующего меню и контактной информации
a2
Улучшение:
  • добавили навигационное меню по блокам
  • добавили контактную информацию, соц сети и способы оплаты
  • вынесли кнопки доставки и брони столиков и мероприятий

Страница Залы

b3
Недостатки:
  • неправильно расставлены акценты
  • разваливается верстка, разная высота блоков
  • мало информации о зале для пользователя
a3
Улучшение:
  • для полноты информации показали сразу все фото залов, которые можно открыть и посмотреть
  • добавили тематические иконки к каждому залу для общего понимания
  • добавили кнопку «перейти в зал»

Страница Контакты

b4
Недостатки:
  • неправильно расставлены акценты
  • нет формы обратной связи
  • примитивная карта
a4
Улучшение:
  • правильно собрали блоки контактов, реквизитов, скомпоновали
  • добавили полноценную форму обратной связи, а также карту вынесли на первый экран
  • добавили кнопки доставки и брони столиков и мероприятий
Figure 1
Figure 2
Figure 3
Figure 4
Figure 5
iMac Photo
Slide 1
Slide 2
Slide 3
Slide 4
iMac Photo

Прокручивайте страницу

Mob png

Мобильное меню

Mob png

Страница Залы

Mob png

Страница Мероприятия

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

Сайт полностью адаптирован под любые разрешения. Мы тестируем и отлаживаем работу на всевозможных устройствах.

Presentation Image

Разработали дополнительно презентацию

Сайт полностью адаптирован под любые разрешения. Мы тестируем и отлаживаем работу на всевозможных устройствах.

Presentation Mobile 1 Presentation Mobile 2

Технологии разработки

Назад в портфолио