В 2018 году к нам обратился клиент с идеей запустить собственную доставку суши, роллов, горячих блюд и Wok. Готового сайта и отлаженного онлайн-канала продаж на тот момент не было. Проект начинался практически с нуля.
За 3 месяца команда Кометы разработала фирменный стиль, спроектировала интерфейс и создала интернет-магазин на WordPress. Мы подключили онлайн-оплату, SMS, передачу заказов в CRM, личный кабинет и программу лояльности. Отдельной частью проекта стал интерактивный Wok-конструктор.
После запуска сайт начали продвигать в поиске и тестово подключили контекстную рекламу. В результате собственный онлайн-канал приносил около 350 заявок в месяц.
Проект в цифрах
- 2018 год — запуск проекта;
- 3 месяца — срок разработки;
- 7 вариантов логотипа подготовили для клиента;
- WordPress — CMS проекта;
- онлайн-оплата и SMS;
- интеграция заказов с CRM;
- около 350 заявок в месяц после запуска продвижения.
Задача проекта: запустить собственную доставку с нуля
На старте у клиента была бизнес-идея и понимание направления. Требовалось превратить ее в работающий сервис, через который покупатель сможет выбрать блюда, оформить доставку и оплатить заказ.
Мы начинали проектирование без готового интернет-магазина и без существующей цифровой инфраструктуры. Поэтому сначала определили пользовательский сценарий и состав необходимого функционала.
Что требовалось реализовать
- разработать фирменный стиль;
- создать каталог блюд;
- спроектировать карточки меню;
- реализовать корзину и оформление заказа;
- подключить онлайн-оплату;
- передавать заказы в CRM;
- реализовать личный кабинет;
- запустить программу лояльности;
- создать Wok-конструктор;
- подготовить сайт к SEO и рекламе.
Сформировали пользовательский сценарий заказа
Сайт проектировали как полноценный интернет-магазин доставки еды. Основной сценарий строился вокруг быстрого перехода от выбора блюда к оформленному заказу.
Выбор
Пользователь открывает меню, выбирает категорию, сравнивает позиции, смотрит состав и стоимость блюда.
Формирование заказа
Выбранные блюда попадают в корзину. К заказу можно добавить напитки, соусы, имбирь и другие дополнительные позиции.
Оформление
Покупатель указывает данные доставки, оплачивает заказ, после чего информация автоматически передается в CRM.
Разработали фирменный стиль для новой доставки
Поскольку проект запускался с нуля, работу начали с визуальной идентификации бренда. Нужно было создать образ, который можно использовать на сайте, в рекламе, социальных сетях и других материалах доставки.
Для клиента подготовили 7 вариантов логотипа. В качестве основного образа выбрали осьминога. Он хорошо связывался с тематикой проекта и позволял построить вокруг него узнаваемый визуальный стиль.
Цветовая система
- черный использовали как базовый контрастный цвет;
- оранжевым выделили кнопки и ключевые действия;
- серый использовали для нейтральных фоновых элементов.
Фотографии блюд оставались главным визуальным элементом страниц, а интерфейс помогал быстро перейти от просмотра меню к оформлению заказа.
Что получил клиент на этапе дизайна
- логотип;
- цветовую систему;
- стилистику интерфейса;
- дизайн каталога;
- карточки блюд;
- дизайн корзины;
- личный кабинет;
- адаптивные состояния;
- интерфейс Wok-конструктора.
Создали интернет-магазин на WordPress
Технически проект реализовали на WordPress. Сайт получил полноценную структуру интернет-магазина с каталогом, карточками блюд, корзиной, оформлением заказа и личным кабинетом.
- каталог блюд;
- категории меню;
- карточки товаров;
- фотографии и описание состава;
- цены;
- добавление в корзину;
- изменение количества;
- дополнительные товары;
- оформление заказа;
- личный кабинет;
- история заказов;
- программа лояльности.
Администратор мог обновлять меню, менять содержимое сайта и работать с заказами без разработки каждой новой страницы с нуля.
Связали сайт с CRM
Сайт должен был стать частью рабочего процесса доставки. Поэтому после оформления информация о заказе автоматически передавалась в CRM.
Менеджеру не требовалось вручную переносить данные покупателя и состав заказа из письма или сообщения. Информация поступала в систему, где с ней можно было работать дальше.
В CRM передавались данные заказа
- контактные данные клиента;
- адрес доставки;
- выбранные блюда;
- количество позиций;
- сумма заказа;
- данные для дальнейшей обработки заказа.
Подключили онлайн-оплату и SMS
Покупатель мог оформить и оплатить заказ непосредственно через сайт. Это сокращало количество действий между выбором блюда и завершением покупки.
Также в проекте использовали SMS. Через сообщения можно было подтверждать действия пользователя и автоматизировать отдельные этапы коммуникации с клиентом.
Регистрация и восстановление доступа были связаны с номером телефона, поэтому покупателю не требовалось проходить длинный процесс создания учетной записи.
Реализовали личный кабинет и программу лояльности
Для доставки еды большое значение имеют повторные покупки. Поэтому личный кабинет и программу лояльности включили в проект уже на первом этапе разработки.
После авторизации пользователь получал доступ к собственной информации и истории взаимодействия с сервисом.
- персональные данные;
- сохраненные адреса;
- история заказов;
- накопленные бонусы;
- повтор предыдущего заказа;
- использование программы лояльности.
Постоянный покупатель мог открыть предыдущий заказ и использовать его как основу для нового. Это сокращало путь до повторной покупки.
Корзина и дополнительные продажи
Корзину сделали постоянно доступной пользователю. После добавления блюд покупатель мог быстро проверить состав заказа, количество позиций и итоговую стоимость.
Дополнительно предусмотрели рекомендации товаров, которые логично добавить к основному заказу.
Основной заказ
- роллы;
- суши;
- горячие блюда;
- Wok.
Дополнительные позиции
- соусы;
- имбирь;
- чай;
- морс;
- напитки.
Так пользователь мог дополнить заказ непосредственно перед оформлением, не возвращаясь повторно в каталог.
Самая сложная часть проекта — Wok-конструктор
Одной обычной карточки блюда для Wok было недостаточно. Пользователь должен был самостоятельно собрать собственную комбинацию из нескольких компонентов.
Мы разработали отдельный интерактивный сценарий, который последовательно проводил покупателя через формирование блюда.
Шаг 1
Пользователь выбирает основу блюда.
Шаг 2
Добавляет специи и дополнительные ингредиенты.
Шаг 3
Выбирает подходящий соус.
Шаг 4
Дополняет заказ необходимыми позициями.
Шаг 5
Проверяет и корректирует состав.
Шаг 6
Отправляет собранный Wok в общую корзину.
На уровне разработки требовалось связать интерфейс выбора ингредиентов с логикой корзины и последующей передачей сформированной позиции в заказ. В результате Wok-конструктор стал самостоятельным функциональным модулем внутри интернет-магазина.
Адаптировали весь сценарий заказа под мобильные устройства
Сайт сразу проектировали для использования на смартфонах, планшетах и компьютерах. На мобильном устройстве пользователь мог пройти весь путь от просмотра меню до оформления и оплаты заказа.
На смартфоне
Карточки выводились в удобной вертикальной ленте. Состав, стоимость и кнопка заказа оставались доступны без сложной навигации.
На широком экране
Использовалась более плотная сетка каталога, позволяющая одновременно просматривать несколько блюд.
Личный кабинет, корзина и Wok-конструктор также сохраняли необходимый функционал на мобильных устройствах.
После разработки запустили SEO и контекстную рекламу
После запуска сайта работу продолжили. Тестово подключили контекстную рекламу и начали поисковое продвижение.
Основой SEO стала локальная коммерческая семантика по доставке еды в Мытищах. Сайт продвигали по запросам пользователей, которые уже искали возможность заказать суши и роллы.
- доставка суши Мытищи;
- заказать суши Мытищи;
- суши Мытищи;
- суши на дом Мытищи;
- доставка роллов Мытищи;
- заказать роллы Мытищи;
- роллы Мытищи;
- роллы на дом Мытищи;
- суши и роллы Мытищи;
- доставка еды Мытищи;
- заказать еду Мытищи.
Сайт получил позиции по целевым запросам вида «доставка суши», а поисковый и рекламный трафик начали приводить реальные обращения.
Около 350 заявок в месяц
После запуска SEO и контекстной рекламы сайт превратился в рабочий канал привлечения покупателей.
Результат
В среднем через собственный сайт поступало около 350 заявок в месяц из поискового и рекламного трафика.
Для нового проекта это подтвердило жизнеспособность модели. Собственный сайт стал полноценным источником заказов для доставки.
Проект продолжил развиваться после запуска
Клиент остался доволен разработкой и продолжил развивать направление доставки.
Позже собственник изменил сферу деятельности. К этому моменту проект уже представлял собой работающий цифровой актив с сайтом, системой приема заказов, клиентским функционалом и каналами привлечения аудитории.
Проект был продан другой компании.
Для нас это важный показатель результата. Работа начиналась с одной идеи, а завершилась созданием самостоятельного интернет-проекта, который имел ценность и мог быть передан новому владельцу.
Что в итоге разработала Комета
За три месяца мы превратили исходную идею собственной доставки в готовую систему онлайн-продаж.
- фирменный стиль;
- 7 вариантов логотипа;
- интернет-магазин на WordPress;
- каталог и карточки блюд;
- адаптивный интерфейс;
- корзину;
- допродажи;
- личный кабинет;
- историю заказов;
- программу лояльности;
- онлайн-оплату;
- SMS;
- интеграцию с CRM;
- Wok-конструктор;
- SEO и рекламный трафик.
Проект стал примером разработки, где сайт создавался как часть бизнес-процесса. Через него компания привлекала клиентов, принимала и оплачивала заказы, передавала их в CRM, работала с повторными покупателями и развивала собственный канал продаж.
После запуска сайт приносил около 350 заявок в месяц, клиент продолжил развивать проект, а впоследствии продал его другой компании.
Официальный партнёр Битрикс
Скорость реакции на заявку - 15 мин
Пожизненная гарантия на работы
