Ozon

Трафареты в Seller App

Проектирование раздела “Продвижения” в мобильном приложении Seller App

  • design
  • product
  • b2b
  • app
Обложка кейса «Трафареты в Seller App»

Описание проекта

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

Проблемы

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

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

Цель

Прорастить функционал продвижения товаров инструмента «Трафареты» в мобильное приложение SellerApp.

Задачи на MVP

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

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

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

Процесс

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

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

Экраны 1 шага создания кампаний
Экраны 1 шага создания кампаний
Шторки
Шторки
Экраны как работают категории и нюансы
Экраны как работают категории и нюансы
Поиск в категориях и ошибки
Поиск в категориях и ошибки

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

Шаг 2. Заполнение бюджета
Шаг 2. Заполнение бюджета
Шаг 2. Дата запуска
Шаг 2. Дата запуска
Шаг 2. Валидации и ошибки
Шаг 2. Валидации и ошибки

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

Шаг 3. Состояния и возможные состояния
Шаг 3. Состояния и возможные состояния

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

Страница кампании. Информация и возможные действия
Страница кампании. Информация и возможные действия

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

Список кампаний, ошибки и описание
Список кампаний, ошибки и описание
Список кампаний. Шторки, фильтры, поиск
Список кампаний. Шторки, фильтры, поиск

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

Результат

Данный функционал был реализован в мае этого года и раскатан на всех продавцов. Собрали обратную связь от продавцов, основной поинт был в том, что нет подробных показателей о кампании, нельзя управлять ставками на товар и управлять самими товарами. Новички принесли кампании 16% от общей рекламной выручки мобильном приложении. Было заведено более 30к кампаний, более 20к кампаний приносят деньги кампании.

Что дальше

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

Страница кампании. Показатели и выбор периода
Страница кампании. Показатели и выбор периода

Дальше в проработке функционал управлением товарами, просмотра метрик по товарам и редактирование ставок.

Дальнейшие шаги по насыщению функционала инструмента
Дальнейшие шаги по насыщению функционала инструмента