История одной харчевни:
заказать разработку сайта доставки
и получить поток постоянных покупателей

О ПРОЕКТЕ

САЙТ

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

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

ЦЕЛИ КЛИЕНТА

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

РЕШЕНИЕ

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

Этап № 1: разработка структуры сайта;
Этап № 2: разработка дизайна и верстки сайта;
Этап № 3: подключение платежных систем.

Этап №1

Разработка структуры сайта

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

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

Во-первых, в раздел выбора блюд можно попасть практически отовсюду.

Мы предусмотрели четыре точки входа:

верхнее меню с выпадающим списком разделов,

блок с разделами на 3 экране главной страницы,

в каждом разделе размещены "быстрые кнопки", позволяющие переходить в новый раздел, не делая шаг назад,

из нижнего меню "подвала".

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

Во-вторых, мы сделали максимально лаконичным сам процесс оформления заказа:

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

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

В результате заказ из пяти-семи блюд можно оформить меньше, чем за минуту.

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

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

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

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

Этап №2

Дизайн сайта

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

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

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

Этап №3

Подключение платежных систем

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

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

РЕЗУЛЬТАТЫ РАБОТЫ

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

Как бы вы оценили данный проект?