Кейс: создание сайта для сети по продаже суши

Кейс по сайту ЗаСушись

Какой должен быть сайт по доставке суши? Удобным, запоминающимся и вызывающим желание сделать заказ. Именно таким мы и делали сайт для компании "ЗаСушись". Подробности читайте далее.

Описание проекта:

Компания "ЗаСушись", как становится понятно из названия, занимается изготовлением, продажей и доставкой суши, роллов, лапши-Wok, чизкейков и другой продукцией собственного производства. Наш клиент находится в городе Омске и имеет 6 действующих магазинов, расположенных, практически, во всех районах города. Каждый магазин, является одновременно и местом производства, поэтому вся продукция готовится на месте. Тут Вы можете быть уверены, что заказанные Вами суши приготовлены прямо перед доставкой. К тому же наличие магазинов в каждом округе города позволяет доставлять заказы очень быстро.

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

Какие задачи были решены при создании сайта?

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

первый экран Засушись

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

графические элементы 1 Засушись

 

графические элементы 2 кейс по сайту суши

Представление продукции

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

Карточка товара

Следующей важной задачей, которую нужно было нам решить - это карточка товара. Казалось бы, что тут сложного - картинка, название, цена и кнопка "в корзину". Но не все так просто, потому что продается не обычный товар, а продукт питания, у которого есть несколько видов порций, по своей цене каждая. Причем, количество единиц в порции для каждого товара индивидуальное: где-то может быть минимальная порция 4 шт., а где-то 3 шт. Также, вариантов порций может быть несколько.

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

выбор порции и добавление в корзину

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

описание товара на сайте засушись

Корзина

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

  • на главной странице клиент покупает (собирает в корзину) основной товар,
  • а переходя в корзину, добирает сопутствующий.

дополнительные товары в корзине - кейс по сайту засушись

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

Доставка и самовывоз

Сайт работает в двух режимах: доставка или самовывоз. По умолчанию на сайте включен режим "Доставка".

переключатель на сайте Засушись

Различие данных режимов в том, что оформляя заказ самовывозом, покупатель не ограничен минимальной стоимостью заказа и приобретает товар по общей розничной цене. При выборе режима "Доставка" цены на весь ассортимент становятся другими, то есть включают в себя дополнительную наценку за доставку). К тому же сайт дополнительно проверяет сумму заказа: если сумма заказа менее 500 рублей, к ней автоматически добавляется 150 рублей за доставку; если сумма заказа более 500 рублей - доставка бесплатна (и сайт это отображает).

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

пересчет корзины в зависимости от самовывоза или доставки на сайте Засушись

Оформление заказа

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

  Письмо с заказом

Сеть магазинов

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

филиалы

Система управления сайтом

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

Блок "Заказы" в данном блоке можно видеть всю историю заказов с возможность сортировки по фильтрам и поиском по номеру заказа или ФИО заказчика, что в работе "часы пик" очень удобно. Получить более подробную информацию о заказе, а также отредактировать данные заказа на странице заказа.

страница заказа на сайте Засушись

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

Список товаров на сайте ЗаСушись

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

Редактор товара на сайте ЗаСушись

Блок "Категории" - данный блок предназначен для управления категориями товаров. Он позволяет создавать, редактировать, скрывать, менять местами позиции и удалять категории. У каждой категории есть свои особенности, которые можно изменить в редакторе категории, например, изменить название категории, её иконку, родительскую категорию, при необходимости добавить/редактировать описание категории (рис. редактор категории).

Редактор категории товара на сайте ЗаСушись

Блок "Магазины" -  данный блок дает возможность администраторам сайта создавать, редактировать, скрывать, изменять последовательность и удалять магазины компании при необходимости (рис. список магазинов). В редакторе магазина можно установить все необходимые параметры магазина: наименование магазина, его фактический адрес, иконка магазина, график работы, описание магазина, установить его адрес на карте. Причем функционал системы позволяет по введенному адресу получить преобразованные координаты, которые потом буду использоваться в качестве указателя данного магазина на интерактивной карте (рис. редактор магазина).

редактор магазинов на сайте ЗаСушись

Краткие итоги

Создавая данный проект, мы постарались решить очень много интересных задач, реализовав полноценный торговый инструмент для компании Заказчика. Все делалось с учетом особенностей продаваемых товаров, их визуального представления для покупателей и удобства администрирования сайта сотрудниками "ЗаСушись". Цель была достигнута: создан не просто сайт, а именно продающий сайт - удобный для покупателя, легкий в управлении и помогающий контролировать весь процесс.

Хотите такой же сайт? Закажите создание сайта в Авега-Софт! Просто оставьте заявку или позвоните нам!

  • Авега-Софт
  • 31 Июля 2017
  • Просмотров: 1101

Похожие записи