Блог

КЕЙС: ЭКСПРЕСС-ПИЦЦА - КАК ЭТО БЫЛО. КОМПЛЕКСНОЕ ПРОДВИЖЕНИЕ ДОСТАВКИ ЕДЫ

23.07.2019


Наш клиент - ведущая доставка еды в Виннице: суши, роллы, пицца, лапша, салаты, супы и прочие вкусности. 

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

 

Задача

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


Почему выбрали именно нас?

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

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

 

Трудности

Проблема, с которой мы столкнулись на начальном этапе, это сайт доставки. Старый сайт имеет плохой функционал, так как он разрабатывался 10 лет назад. Поэтому было принято решение создать новый сайт с лучшим функционалом и привязкой 1С для быстрой обработки заказа в реальном времени. 


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

1. Сохранить SEO – оптимизацию, точнее, как провести переход со старого сайта максимально безболезненно с точки зрения SEO, чтобы не потерять лидирующие места в поиске. 

2. Внедрить в новое приложение двухстороннюю интеграцию с 1С для обработки заказов в режиме реального времени. 

3. Создать новую бонусную систему, на замену старой, с полной автоматизацией расчета на сайте. 

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

 

Для чего нужно делать новый сайт?

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

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


СОЗДАНИЕ САЙТА

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


Что от нас требовалось:

  1. Спроектировать интуитивно понятный для пользователя каталог сайта.
  2. Создать удобную корзину покупок.
  3. Разработать уникальный дизайн для сайта
  4. Обеспечить удобство уточнения заказов в превью товара
  5. Настройка интеграции с системой 1С для оперативной работы с заказом.
  6. Обеспечить сайту качественное отображение на любых устройствах - как компьютерах, так и планшетах, смартфонах, с помощью адаптивизации ресура.
  7. Разработать и внедрить гибкую систему бонусов с привязкой к сайту, в том числе сохранить базу старых клиентов и максимально безболезненно перевести их на новую накопительную систему.

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

НАЧАЛО РАБОТЫ НАД САЙТОМ

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

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

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


Получившаяся структура сайта выглядела так:

  1. Размещение контента на главной странице сайта по схеме: шапка, контентная часть, футер.
  2. Главное меню состоит из основных разделов.
  3. Навигация меню располагается на всех страницах сайта горизонтально.
  4. Каталог и карточки товаров должны содержать фотографии с возможностью их просмотра и увеличения, описание товара ( название, ингредиенты, граммовка), дополнительные свойства товара (тип коржа, дополнительный сыр), цену, кнопку “Купить”.
  5. Создание информационных страниц в шапке сайта:
  • личный кабинет
  • информация (доставка, акции, новости)
  • корзина
  • обратная связь

6. Создание фильтра товаров по различным параметрам:

  • фильтр по ингредиентам
  • рейтинг товара
  • размер товара

7. Размещение окна для ввода промо-кода при оформлении заказа.


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

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

Далее был разработан личный кабинет пользователя и произведено внедрение 1С.


Как же происходит интеграция в реальной жизни после внедрения?

  1. В базе 1С храниться все о покупателе и его история покупок и накоплений бонусов.
  2. Данные из 1С импортируются в личные кабинеты пользователей, где они могут видеть всю информацию о бонусах, а также историю их заказов. Бонусами можно производить оплату заказа на сайте доставки. Внедрено ограничение по оплате бонусами: можно оплатить только половину от суммы заказа.
  3. Колл-центр принимает заказы из сайта, они обрабатываются автоматически. Заказ выгружается в CRM систему колл-центра, где его обрабатывают операторы.


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


ЗАПОЛНЕНИЕ САЙТА

Подготовка контента из которого состоит сайт - один из самых длительных и кропотливых этапов разработки. Грамотно заполненный сайт, может сильно упростить его продвижение в поиске.

Поэтому мы решили упростить этот процесс, с помощью двухсторонней интеграции 1С  в систему сайта. 

Такая интеграция позволяет не тратить время на переобучение сотрудников доставки и упрощает процесс наполнения сайта.


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

Ничего лишнего!


КЛЮЧЕВЫЕ ОСОБЕННОСТИ САЙТА

Полная интеграция с 1С

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


Адаптивность 

По данным разных исследований, примерно 65% трафика на сайты служб доставки еды приходит со смартфонов и планшетов, и доля данной аудитории неизменно увеличивается.

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

Адаптивность - обязательный момент при создании сайта доставки, то есть сайт должен одинаково хорошо показываться на разных разрешениях экрана.


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

 

ОБРАЗЕЦ САЙТА

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

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


МАРКЕТИНГ

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

 

Бонусная система

Бонусная система является мощным инструментом для повышения лояльности гостей.

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

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

Главная цель - стимулировать заказывать чаще и на большую сумму, но какой она должна быть, новая бонусная система?


Нашли решение

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


Чем больше сумма заказов, тем больше бонусов получит клиент в будущем.


Промо-коды

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

Промо-коды - дают скидку на товар или группу товаров или дают бонус в виде бесплатного продукта (в зависимости от условий получения промо-кода), которые генерируются через админку сайта доставки.


Акции

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


Например, акция, на суши-сеты, повысила их продаваемость в 2 раза.


Предварительный заказ

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


ДИЗАЙН – НАШЕ ВСЕ

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


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


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


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


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

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


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


ЮЗАБИЛИТИ САЙТА

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


Мы создали максимально дружественный интерфейс с точки зрения юзабилити:

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

 

«Фишки» личного кабинета

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


«Фишки» оформления заказа

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


ФИНАЛЬНОЕ ТЕСТИРОВАНИЕ

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

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

После того, как мы удостоверились, что сайт работает отлично, мы вновь вернулись к нашим баранам, точнее к SEO - оптимизации. Наши специалисты провели полный комплекс первичной оптимизации: подправили структуру, подобрали и расширили семантику.


РЕЗУЛЬТАТ

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