Перчини

сайт, который пахнет базиликом

Mobile First
UX-аналитика и UJM
UI-дизайн
1С-Битрикс
SEO

Сеть итальянских ресторанов, которая объединяет 40 заведений в 25 городах России и Казахстана. Бренд делает ставку на традиции, атмосферу и высокий уровень сервиса. Поэтому сайт должен был не просто информировать, а передавать настроение и философию компании.

perchini.ru

40 ресторанов
в сети

25 городов, у каждого свой контент

80% посетителей
приходят впервые

2 месяца от аналитики до запуска

сайт, который пахнет базиликом

Перчини

ПиццаПастаДжелатоБрускеттыКапрезеМоктейлиТирамису

Mobile First40 ресторанов25 городоввидеомикроанимацииадминка по городам

Исходная ситуация

Старый сайт безнадёжно устарел как визуально, так и функционально: Дизайн потерял актуальность и не отражал дух бренда.

Не было возможности встраивать видео, хотя фото- и видеоконтент играли ключевую роль в коммуникации.

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

Бизнес-задачи

Заказчику требовалось:

Бренд и меню

Дать полную и понятную информацию о бренде и меню

Самостоятельность

Обеспечить команде клиента простой инструмент для самостоятельного обновления контента

Реклама событий

Поддержать рекламные кампании, приуроченные к событиям и фестивалям, — направляя трафик на нужные страницы

Регионы

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

Команда:

Со стороны клиента

Бренд-директор Маркетолог

Со стороны AiR

Проектный менеджер Дизайнер Frontend-разработчик Backend-разработчик Маркетолог SEO-специалист

Проектирование и дизайн

Аналитика

80%

Изучили десятки сайтов ресторанной сферы, чтобы собрать лучшие отраслевые практики. На основе анализа метрик решили делать сайт по принципу Mobile First — мобильный трафик оказался приоритетным. Также построили карту пользовательского пути (UJM) с учётом того, что около 80 % посетителей приходят впервые, часто по прямой ссылке из рекламы конкретного события.

Самая сложная задача

Шапка сайта

В хедере нужно было разместить выбор города, список ресторанов, кнопки бронирования и доставки, основное меню, логотип бренда и значки наград. На странице меню добавлялся ещё и выбор типа и раздела. Перепробовали несколько вариантов: одни были неудобны, другие занимали больше половины экрана.

Для мобильной версии нашли решение: часть кнопок (бронирование, доставка, подписка, звонок) вынесли в нижний фиксированный виджет-бар по аналогии с навигацией в приложениях. Это разгрузило шапку и держит ключевые действия всегда под рукой.

Осталось наверху

Логотип, меню-бургер, награды, город и ресторан

Убрали в виджет-бар

Бронирование, доставка, подписка, звонок

Визуал и смыслы

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

Ключевые страницы

Главная

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

О бренде

Рассказывает о ценностях, стандартах обслуживания и верности итальянским традициям

Функционал и админка

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

Дополнительно настроили автоматическую генерацию мета-тегов для каждого города и ресторана, что снимает с SEO-специалиста рутину и улучшает продвижение каждой локации.