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

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

Цель:

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

Задачи:

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

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

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

Передать атмосферу ресторана через элементы дизайна.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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