Panam Pizza

Раздел #1 ⋅ Главная страница

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

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

Раздел #2 ⋅ Карточка позиции

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

В новой карточке я выстроила чёткую визуальную иерархию: фокус на аппетитном визуале, понятный выбор размера/теста и блок быстрых топпингов для апсейла (добавки в один клик). Механику добавления в корзину связала с мгновенным обновлением итоговой стоимости, чтобы у пользователя не возникало ощущения «скрытой цены»

Раздел #3 ⋅ Конструктор: половинки / комбо

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

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

Раздел #4 ⋅ Корзина в 3 шага

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

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

Сгруппировала данные по смысловым блокам: Контакты ➔ Адрес ➔ Оплата. Чтобы минимизировать ошибки при заполнении на этапе ввода адреса, я внедрила подсказки и автоматическое определение города. Все дополнительные поля (подъезд, этаж, комментарий курьеру) появляются контекстно, сохраняя интерфейс чистым и предсказуемым

Раздел #5 ⋅ Личный кабинет

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

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

Раздел #6 ⋅ Управление заказом

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

Я спроектировала экран живого трекинга заказа: теперь пользователь видит статус в реальном времени («Готовится», «Передали курьеру», «Курьер в пути») и примерное время прибытия. Также были внедрены функции безопасной отмены в первые 3 минуты после оплаты, что разгрузило службу поддержки ресторана