МОБИЛЬНОЕ МЕНЮ

ДЛЯ СЕТИ РЕСТОРАНОВ

Задача

Заказчик - сеть ресторанов в Сочинском районе, столкнулся с проблемой частой и дорогостоящей печати меню. Экономическая ситуация в стране нестабильна, цены у поставщиков менялись практически каждый день, что не могло не отражаться на ценообразовании ресторанов. Необходимо было разработать мобильное меню, которое бы позволяло быстро менять стоимость блюд и открывалось наведением на QR-код в каждом конкретном ресторане. Основное пожелание заказчика - просто в управлении, соответствие фирменному стилю, понятно и удобно для пользователей

Дизайн

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

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

В качестве шрифтов использовали два начертания (Bold и ExtraLight) семейства Rothek: необычный но уверенный в наборе шрифт без засечек.

ТЗ фотографу

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

Подготовка заказчиком контента, в соответствии с техническим заданием, позволила превратить концепцию в готовый проект с полным соответствием задумке дизайнера.

Реализация на поддоменах

emiem.ru

sharlott.emiem.ru

mangal.emiem.ru

estonskaya.mangal.emiem.ru

kirova.mangal.emiem.ru

lenina.mangal.emiem.ru

Почему и зачем?

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

Каждый сайт, помимо работ по разработке, это еще и затраты на хостинг и доменные имена. У сети ресторанов уже был готовый сайт доставки ресторана, размещенный на поддомене и в качестве решения мы предложили разместить сайты мобильных меню на доменах 4-го уровня - для заказчика это возможность сэкономить, уменьшить расходы.

Платформа

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

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

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

Структура и навигация

Страница категорий

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

В административной панели можно легко менять как названия категорий, изображения на них так и порядок категорий. Из-за большого количества категорий, они не помещаются на один экран устройства (в большинстве популярных сейчас разрешений), но сделав блоки категории и изображения небольшими, мы смогли уменьшить количество скроллов до одного. Таким образом все основные категории меню пользователь видит сразу на стартовом экране.

Страница категории

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

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

Мой заказ

Это функционал, аналогичный функционалу “Корзина” стандартного интернет-магазина, но в урезанном варианте. Нет возможности оформить и оплатить заказ. Просматривая меню пользователь может выбирать количество товарных позиций и добавлять в свой заказ, а перейдя на страницу заказа - увидеть отложенные товары и их количество. При этом сумма заказа автоматически рассчитывается исходя из стоимости и количества товаров. Пользователю удобно видеть полный перечень будущего заказа, когда он оглашает его официанту, не листая меню по кругу (как это обычно бывает с бумажными носителями) и ориентировочную сумму чека.

Финальный продукт

За короткий срок (всего 3 недели от идеи до запуска) мы создали готовый продукт, закрыли текущие потребности заказчика, избавив его от постоянной весомой статьи дополнительных расходов и улучшили бизнес-процесс на предприятии. Отзывы посетителей ресторана о мобильном меню доказывают, что это не только практичное решение с точки зрения бизнеса, но и удобный современный сервис.

Посмотреть проект