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

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

Цель:

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

Задачи:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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