8 (8212) 55 18 12

Запуск сайта доставки Японской кухни — sushiline.ru

Приступить к чтению
   Удобный выбор
    Автоматизация доставки
   Интеграция СRM
   Повышение показателей
   Адаптация
   Фишки

Мы запустили сайт sushiline.ru, который полным ходом набирает заказы с новой платформы. sushiline.ru — это сеть ресторанов японской кухни, действующей в нескольких городах Республики Коми: Сыктывкар, Ухта, Усинск. Каждый ресторан, является местом производства, поэтому вся продукция готовится на месте. Тут вы можете быть уверены, что заказанные Вами суши приготовлены прямо перед доставкой. 
Прошлый сайт был разработан давно, поэтому не соответствовал современным тенденциям и технологическим требованиям. Руководители обратились к нам с просьбой модифицировать сайт под современные стандарты. Заказчику был важен комплекс услуг. Он хотел создать сайт, который будет востребованным у клиентов, а также будет удобным инструментом обработки заказов для всех сотрудников.  Совместно с заказчиком был заполнен бриф и изучена целевая аудитория. В ходе анализа мы пришли к выводу, что нужно простое решение с быстрым подбором продукции и минимальным количеством кликов для достижения цели

Реализация сайта

Так выглядел старый сайт:

Сушилайн - старый сайт

Мы начали с проработки прототипа:

Сушилайн - прототипСушилайн - прототипСушилайн - прототип

 

Поиск и фильтр


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

Так как меню у заказчиков было очень обильное, было решено реализовать дополнительные наборы фильтров:

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

Теперь посетитель легко и быстро может найти необходимое блюдо.
 

 

Удобство выбора

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

 

Мы не забыли, что в корзине нужно предлагать сопутствующий товар: соусы и дополнительные ингредиенты. Поэтому клиент может докупить их к любому заказу  — сайт должен способствовать повышение среднего чека ;)

Заказ товара

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

  1. шаг — Оформление корзины, где предлагается добавить сопутствующий товар или подарок.
  2. шаг — Заполнение данных для доставки. Ввод минимальной информации упрощает клиенту оформление заказа. Зарегистрированные пользователи могут сохранять свои адреса,  чтобы в дальнейшем не вводить их повторно. Чем быстрее клиент оформит заказ, тем меньше вероятность что он передумает.
  3. шаг —  Последний шаг — страница оформленного заказа. Тут клиент может отслеживать состояние своего заказа. Обновления статуса заказа на сайте происходит в реальном времени, потому что была реализована интеграция с внутренней системой управления заказами.  И приятная мелочь, которая поднимет настроение клиенту — печенька предсказаний, в которой можно найти приятный сюрприз в виде промокода на следующий заказ или позитивное пожелание.

 

 

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

Личный кабинет, история заказов

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

В личном кабинете можно:

  • редактировать личные данные;
  • добавлять и редактировать адреса  доставки;
  • отслеживать состояние текущего заказа;
  • смотреть историю заказов;
  • просматривать список своих промокодов;
  • получить информацию о текущем пазле и количестве кусочков пользователя. 

Повышение показателей продаж — реально

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

Что сделано:

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

   Дополнительно в корзине предлагается сопутствующий товар к основному блюду, поэтому посетитель не забудет про него.

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

   В корзине и личном кабинете оформлен блок с промокодами.

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

Пазлы

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

За неполный месяц в начале запуска сайта 41 клиент собрал полных пазла, а 31 еще раз вернулись, чтобы использовать промокод и совершить заказ. Были и другие пользователи, которые не успели собрать пазл — всего 798 элементов. При правильном использовании промокоды смогут принести нашим заказчикам еще много дополнительных заказов.

Дизайн сайта

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

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

 

Автоматизация бизнес процессов

Для работы сотрудников заказчиком была выбрана программа для автоматизации службы доставки «Mobidel». Ее можно использовать на любом носителе: компьютер оператора, планшет на производстве, приложение курьера на телефоне. После оформления заказа на сайте, все участники службы доставки, сразу узнают о новом заказе. Пока заказ готовится на кухне, курьеры разбирают заказ. Реализована автоматическая синхронизация статусов заказа с сайтом. Когда менеджер перенесет у себя в системе заказ на готовку или в статус доставки, то клиент это сразу увидит на сайте. В итоге удалось сделать сайт и интегрировать программу, которая позволяет пройти весь путь взаимодействия с клиентом. 

Адаптация 

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

Финал

В процессе создания сайта были учтены все пожелания заказчика и потребности пользователя. Благодаря чему получилось создать достойный сайт доставки!
Параллельно начались работы над перезапуском еще одного старого сайта заказчика — pekali.ru, который необходимо создать с нуля, чтобы пользователь с удовольствием и без проблем мог совершить заказ прямо через сайт. Мы так же расскажем об этом кейсе после его запуска.

Мы договорились с заказчиком и в честь запуска нового сайта SUSHILINE.ru меньше месяца действовал промокод NORTEX. Этой акцией воспользовались наши подписчики 73 раза в ВКонтакте и Instagram.

По старой доброй традиции мы желаем sushiline.ru дальнейшего процветания и хороших продаж! А его клиентам приятного аппетита!

Сайт: sushiline.ru


Участники проекта:
Менеджер проектов: Владимир Рупышев
Ведущий разработчик: Константин Петренко
Верстальщик: Михаил Кокин
Дизайнер: Андрей Яцков

NORTEX: заказать сайт доставки.

 

Время прочтения:
Время прочтения 8.8 мин

Для авторов

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

Стать автором

Обсуждение