Новый сайт ПиццаФабрика ускорил на 35% время оформления заказа

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

Цель:

— Увеличить количество продаж с сайта.

Задачи:

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

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

— Создать дизайн, который вызывает аппетит и стимулирует оформление заказа.

— Передать атмосферу ресторана с помощью элементов дизайна.

— Увеличить органический трафик на сайт путём SEO-оптимизации.

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

— Внедрить современные функции, упростить навигацию и сделать функционал максимально простым и удобным.

Это уже второй проект, выполненный нами для сети семейных ресторанов «ПиццаФабрика». Ранее мы с нуля переработали мобильное приложение. В нём, помимо оформления заказа на доставку и самовынос, можно самостоятельно оформить заказ за свой столик без привлечения официанта. Заказ к столу доставит робот-официант.

Что мы сделали:

— Провели глубинные интервью, чтобы выявить уникальные особенности заведения.

— Проанализировали рынок ресторанов и доставки еды.

— Исследовали целевую аудиторию и конкурентов.

— Разработали несколько концепций.

— Отрисовали дополнительные графические элементы.

— Адаптировали вёрстку для всех типов устройств.

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

— Добавили персональные миссии.

— Провели SEO-оптимизацию.

Итоговый сайт включает в себя:

— Современный дизайн и удобную навигацию.

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

— Личный кабинет с сохранёнными адресами доставки, историей заказов и начисления бонусов.

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

— Подсказки для пользователей при первом открытии карточки продукции.

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

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

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

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

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

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

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

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

— Составили план работы.

— Подготовили прототипы проекта сайта.

— Отрисовали дизайн страниц.

— Согласовали с внутренним заказчиком.

— Приступили к разработке сайта.

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

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

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

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

В результате мы получили обновлённый дизайн сайта с тщательно проработанным меню.

Мы создали удобный сайт для пользователей и сделали процесс заказа еды максимально простым и быстрым.

Совместно с командой маркетологов ПиццаФабрики мы провели глубокое исследование аудитории и проработали пользовательские сценарии. Переосмыслили и пересобрали логику взаимодействия клиента с сервисом — от первого экрана до оформления заказа.

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

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

Добавили сторисы, миссии и новые конструкторы.

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

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

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

Обновили дизайн конструкторов пицц, роллов и половинок. Сделали их более удобными.

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

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

Мы проделали огромную работу над разработкой удобной карточки товара.

В самой карточке продукции отображается всё самое необходимое:

— Состав блюда, вес и описание, а также КБЖУ.

— Опции для каждого вида продукции. Например, для пиццы можно добавить сырный бортик, приготовить в форме сердца, добавить соус и ингредиенты. Убрать халапеньо, красный лук и перец.

— Выбрать размер блюда.

Карточка решает очень важные задачи:

— Пользователям, в большинстве случаев, всё понятно для самостоятельного выбора блюд.

— Растёт средний чек за счёт предложения разных дополнительных опций.

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

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

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

Мы внедрили вход через Яндекс.ID и VK.ID, чтобы авторизация на сайте и в приложении стала быстрой и удобной. Без паролей и ожидания SMS при перебоях с сетью.

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

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

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

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

Также мотивируем подписаться на рассылки и заполнить профиль.

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

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

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

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

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

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

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

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

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

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

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

Для подтверждения заказа потребуется авторизация по номеру телефона и подтверждение через SMS или звонок. На сайте и в приложении единая регистрация личного кабинета. В качестве альтернативы можно использовать Яндекс ID и VK. Регистрация облегчает повторный ввод данных и ускорение оформления последующих заказов.

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

В личном кабинете представили описание системы лояльности. Пользователь видит свой бонусный баланс и окончательную сумму после применения бонусов. Также в личном кабинете пользователь может посмотреть свои персональные акции и общие. Он может активировать миссию и отслеживать прогресс её выполнения.

Мы предоставили выбор при оформлении заказа: списать бонусы или применить промокод. А с оформленной подпиской, клиент может одновременно списать бонусы и применить промокод.

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

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

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

Названия жизненных циклов говорят сами за себя: «Новый», «Стабильный», «Ушедший», «Вернувшийся», «Спящий» и «Редкий».

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

Новый сайт «ПиццаФабрика» ускорил на 35% время оформления заказа.

Мы разработали новую концепцию сайта для федеральной сети семейных ресторанов ПиццаФабрика. Полностью обновили дизайн и навигацию.

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

Дополнительно, для повышения спроса, была внедрена система персонализированных миссий.

На такую игровую механику откликаются не только новые и постоянные клиенты, но и клиенты из оттока (у которых не было заказов от 2 до 9 месяцев).

В первые месяцы после запуска персональные акции и миссии принесли несколько десятков миллионов рублей дополнительного дохода компании «ПиццаФабрика».

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

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

Сфера питания — одна из самых высококонкурентных. Этот проект стал для нас вызовом, с которым мы успешно справились.