Магия сервиса: как «ВЖУХ И СУШИ» доверили нам разработку волшебного сайта и приложения

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

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

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

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

— интегрировать систему с 1С для автоматического обновления информации.

2. Автоматизировать процессы управления сайтом и приложением за счет единой панели управления

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

4. Внедрить инструменты аналитики, создать дашборд для мониторинга метрик в режиме реального времени

«ВЖУХ И СУШИ» — не просто волшебная доставка суши и роллов из Владивостока. Это компания, которая ориентирована на лучший сервис для своих посетителей. Вместе с ними мы создали современный сайт и функциональное мобильное приложение с удобным интерфейсом, где учли современные тенденции в разработке: добавили геопозицию и систему лояльности, настроили регистрацию и личный кабинет. 

Работу над проектом начали с брифинга. На прототипирование и дизайн было выделено два специалиста. Они работали в команде: один отвечал за сайт, другой за мобильное приложение.

Оперативная коммуникация с заказчиком была организована на стороне нашего «Битрикс24», что позволило не упустить деталей. Мы проводили еженедельные встречи по согласованию и обсуждению мини-этапов, благодаря чему сдали прототипирование и дизайн с первого раза.

Совместно с командой «ВЖУХ И СУШИ» мы разработали стратегию долгосрочного развития, которая предусматривала более масштабный подход по сравнению с действующими веб-ресурсами.

Цветовое оформление оставили прежним, заменили фон карточек товара со светлого на темный. «ВЖУХ И СУШИ» — это сеть доставок, которая делает магически вкусно и быстро. Именно эту идею мы постарались отразили в дизайне. Цветовая гамма состоит из розового, темно-серого, зеленого и белого оттенка. С одной стороны, это актуальная и смелая комбинация, благодаря своему яркому и привлекательному сочетанию. С другой стороны, она отражает саму суть продукта: розовый ассоциируется с нежным лососем, темно-серый навевает воспоминания о нори, а белый символизирует рис.

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

1. Изучение предметной области

2. Прототипирование

3. Дизайн

4. Проектирование системы

5. Разработка API для сайта и мобильного приложения с использованием современных технологий.

6. Разработка панели управления

7. Разработка сайта в 2 этапа: фронт часть и интеграция с API 

8. Разработка приложения в 2 этапа: фронт часть и интеграция с API 

Модули интеграции со сторонними сервисами 

— Битрикс24

— Модули оплаты

— Модуль авторизации

— Система лояльности

— Большая и сложная интеграция с системой автоматизации 1С ТарктирЪ

Бекенд API: Symfony 7, PHP 8.1, Symfony Messenger, Mercure, Docker, Nginx

Сайт, дашборд: Node js, Vue js 3, Express-Server

Mobile APP: Flutter, Dart, BLoC (Business Logic Component), GoRouter, Yandex Maps API, shared_preferences, dio, Material Design (виджеты Flutter)

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

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

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

— Введение подкатегорий для роллов. Подкатегории помогают гостям быстрее находить именно то, что они ищут. Вместо того чтобы просматривать весь ассортимент роллов, пользователи могут сразу перейти к интересующей их подкатегории, например, «фирменным роллам» или «роллам темпура».

— Регистрация гостя. Вход пользователя происходит через сервис Unibel по номеру телефона и подтверждение через смс или звонок. Авторизация единая на весь сайт и филиалы. Альтернативный метод — Telegram. Регистрация облегчает повторный ввод данных и ускорение оформления последующих заказов.

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

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

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

— Блок с избранными товарами. Этот раздел нужен для быстрого доступа гостя к избранным позициям и быстрого заказа. Положить товары в этот раздел можно из карточки товара, достаточно лишь кликнуть на «сердечко».

— Раздел «Подарки». Доступен авторизованным пользователям. Здесь гости могут потратить свои накопленные баллы. Если у посетителя достаточно баллов — кнопка для покупки подарка становится активной, и он может добавить подарок в свой заказ. В корзине такое блюдо будет отмечено специальным значком, что не повлияет на общую стоимость доставки. Это лучший способ выразить благодарность за покупку и увеличить лояльность к волшебной сети доставки.

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

1. Настроили интеграцию с 1С. Мы настроили обмен с системой учета «ВЖУХ И СУШИ» — 1С на базе Трактиръ. Сайт взаимодействует с 1С через API. Интеграция позволяет:

— оперативно вносить изменения по меню, стоп-листам, стоимости блюд, товарным остаткам

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

— получать временные слоты от 1С - когда кухня сможет приготовить заказ гостя. Например, если клиент хочет выбрать время доставки в 10:15, а кухня загружена уже заказами в этом промежутке, 1С предлагает ближайшее доступное время

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

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

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

— по доле самовывоза: статистика заказов с собой или на точке

— по выручке: динамика выручек по дням, по неделями, сравнение неделя к неделе, сравнение от месяц к месяцу, от год к году, по филиалам, городам, сводная общая

— по количеству отмененных заказов: причины отмены, доли к объему количества заказов и доли по причинам из опроса

— отчет по оценке заказа в процентном соотношении

— работа с отзывами и жалобами (обращениями с оценкой ниже 3-х), их динамика к общему количеству

— источники скачивания приложения

— средний чек клиента

— общую частоту заказов

— количество новых клиентов —- тех, кто зарегистрировался в последний месяц в приложении, на сайте или пришел из другого источника

— сводный отчет: уровни чека до 1500р, 1500р-2500р, более 2500р (уметь делать по ним рассылки), графически отображать их процентное соотношение, подписывать количество

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

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

Например, если он не делает заказ 45 дней с последнего заказа, то переходит в базу «Спящие клиенты». Если не проявляет никаких активностей 90 дней попадает в базу «Уходящих». Или если он является новым клиентом, который так и не совершил покупки, то переходит в сегмент «Пустышки».

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

4. Внедрили автоматические PUSH-рассылки. В зависимости от уровней чека по клиентской базе можно настраивать рассылку уведомлений. Это эффективный способ быстрого донесения информации. Вот список автоматических PUSH-уведомления, которые мы настроили для компании «ВЖУХ И СУШИ»:

— уведомление с предложением оценить крайний заказ

— промокод за 4 дня до Дня рождения

— промокод в День рождения

— остаток бонусных баллов

— уведомление о смене статуса заказа

— проверка пушей

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

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

Таким образом, мобильное приложение стало для «ВЖУХ И СУШИ» не просто инструментом для размещения заказов, а полноценной платформой для взаимодействия с гостями, что повышает их лояльность и удовлетворенность, а также укрепляет связь с брендом. При этом сайт и мобильное приложение работают в единой системе управления, что дает компании «ВЖУХ И СУШИ»:

— единую базу данных

— упрощенное обновление контента

— единый пользовательский интерфейс

— всестороннее управление

— аналитику и отчетность

— улучшение обслуживания гостей

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

В результате нашего сотрудничества с волшебной доставкой суши и роллов «ВЖУХ И СУШИ» мы смогли решить все задачи, которые стояли перед нами. А именно:

1. Разработали функциональный сайт и мобильное приложение

2. Улучшили клиентскую часть и создали комфортную среду для заказа

3. Автоматизировали процессы управления за счет единой панели

4. Добавили возможность влиять на спрос с помощью маркетингового блока

5. Внедрили инструменты аналитики, создали дашборд для мониторинга метрик

6. Интегрировали продукты с 1С и упростили процессы работы

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