Cервис доставки пиццы «Пицца Синица»
Кейс  •  UX/UI-дизайн  •  UX-исследования  •  E-commerce  •  2020
«Пицца Синица» — это региональный онлайн сервис доставки пиццы и сопутствующих товаров. Сервис позиционирует себя как отзывчивый, прикольный и дружелюбный сервис быстрой доставки на районе. Формулировка задачи — необходим удобный сервис с ориентацией на мобильные устройства. Это запуск нового продукта, который не подразумевает редизайн и работу с существующими данными.

Моя часть
UX-исследования, информационная архитектура, подготовка user flow и интерактивного прототипа, его тестирование на ЦА, разработка дизайна для всего клиентского сервиса.
UX-исследования
Исследования включает в себя: подбор подходящего метода под проект, в данном случае использовался Custdev, совмещенный с концепцией Jobs to be Done; проведение интервью с бизнесом; работа с целевой аудиторией и создание портретов пользователя; оформление исследований в виде user flow и интерактивного прототипа.

Выбрана методология CustDev, как наиболее подходящая для запуска нового продукта и сбора информации по ЦА и продукту на начальном этапе.

Подход Customer Development

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

Из интервью с бизнесом были составлены портреты ЦА и отобраны респонденты, проведены интервью и опросы.

Выявив дополнительные потребности пользователей, такие как возможность оплачивать заказа используя Apple Pay и Google Pay, возможность редактирования состава и добавок к пицце как при добавлении заказа, так и в корзине. В результате первоначальное MVP было дополнено необходимыми user stories.

Разобравшись с базовым функционалом MVP, была составлена подробная карта user flow, в которой показаны основные и второстепенные сценарии пользователя по всему интерфейсу.

Информационная архитектура и составление user flow выявили возможные проблемы в пользовательском опыте работы с карточкой товара, корзиной и оформлением заказа, а также позволило упростить пути пользователя.

Результат разработки user flow по проекту

Следующий этап — разработка интерактивного прототипа, который будет тестироваться на выбранных портретах ЦА. Если на стадии user flow можно обойтись низкой детализацией, то прототип я стараюсь делать максимально подробно, что исключает двусмысленность элементов UI.

Макеты интерактивного прототипа по проекту

Прототип тестируется на общую логику и движения пользователя по сайта, так и на отдельные сценарии. При тестировании были выявлены проблемы с выбором способа доставки, нахождения своего адреса доставки и проверки его. Также были получены инсайты, часть которых были описаны в user stories для backlog проекта, а часть внедрены в текущий прототип.
Дизайн
У компании разработан яркий фирменный стиль. Основная ЦА это молодежь и офисные менеджеры — задача дизайна быть ярким и минималистичным, а главное удобным на мобильных устройствах. Подход mobile first предполагает использование только необходимых элементов на экране, максимально фокусируя пользователя на нужных действиях. Стадия дизайна делится на 2 этапа: мобильные и десктопные экраны.
На стадии проектирования был создан подробный прототип — задача дизайна не потерять логику, не увлечься лишним украшательством, а сосредоточиться на проработке состояний UI и органичной адаптации к десктопным состояниям.
Кроме разработки дизайн-системы, которая в дальнейшем сильно упрощает работу с макетами проекта, их доработку и изменения, я стараюсь делать максимально подробные макеты с состояниями для каждого экрана, что сильно повышает качество разработки и ее скорость.

Пример проработки экрана авторизации и его состояний

Результат работы

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

Проект в Figma

Что дальше
После этапа дизайна и UX-исследований сформирован большой backlog. После запуска MVP планируется сбор data-аналитики и обратной связи от пользователей, которые покажут, что можно еще улучшить и доработать. 
Back to Top