Антон Барбаров

Назад

Редизайн системы регистрации платформы поле.рф

+11%

Рост конверсии
в регистрацию

25%

Сокращение обращений
в поддержку

30%

Уменьшение времени регистрации

Обложка кейса Редизайн системы регистрации платформы поле.рф

Задача

На старте 2024 года регистрация была проблемной: запутанная логика, громоздкий интерфейс и частые баги. Задача — поднять конверсию. Решение — переработать принципы флоу, пересобрать сценарий и повысить доверие пользователей к платформе.

Процесс работы

  • Данная задача выполнялась в два этапа: в 2024 и 2026 годах.
  • На первом (основном) этапе проводилась долгая работа по исследованиям в рамках инициативы 2024 года. Тогда же был заложен UX текущей системы регистрации.
  • Второй этап был завершён в 2026 году, когда система регистрации радикально упростилась из-за объединения всех ролей на платформе. Также на этом этапе регистрацию перевели на новые компоненты из дизайн-системы.

Процесс работы над редизайном представлен ниже.

Флоу регистрации до 2024 года

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

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

Флоу регистрации до 2024 года
Анализ пользовательских сессий в вебвизоре

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

Анализ пользовательских сессий в вебвизоре

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

Анализ конкурентов и лучших практик

В результате анализа конкурентов, которых было изучено порядка 10-15, выявилась интересная тенденция: большинство из них используют отдельную страницу для регистрации. Это позволяет удерживать пользователя дольше, а также предоставляет дополнительную информацию о продукте, его преимуществах и выгодах.

Анализ конкурентов и лучших практик
Составление гипотез и их приоритезация
Составление гипотез и их приоритезация
Составление первых концептов и обсуждение их с PO направлений

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

Анализ полученных данных

  1. В итоге был выбран второй вариант с правками
  2. Было решено второй вариант разделить на 3 варианта для A/B/C тестирования аудитории в Pathway
Два первичных варианта флоу регистрации
A/B/C тестирование в Pathway

После этого у нас появилось гораздо больше информации о концепциях, и мы приступили к наиболее значимым этапам разработки. Одним из них стало ABC-тестирование с участием сторонних пользователей на платформе Pathway.

С учетом мнений РО была проведена работа над макетами и сделаны 3 варианта: с поинтами слева, с поинтами справа, без поинтов с центровкой на экране

Вариант A: поинты слева Вариант B: поинты справа Вариант C: без поинтов, центровка

Итоги тестирования

Выиграл 2 вариант флоу

Результаты A/B/C тестирования: вариант 1 — 28%, вариант 2 — 48%, вариант 3 — 23%

Анализ полученных данных

  • Выборка респондентов, не знакомая с продуктом чаще всего выбирала 2 вариант.
  • После подключения сотрудников поле.рф произошел сдвиг в пользу варианта 3.
  • Это говорит о том, что пользователь, пользующийся продуктом хочет меньше дополнительной информации, в отличие от новичков.
  • Если сравнивать варианты 1 и 2, то пользователям больше понравился вариант 2, так как там реализован Z-паттерн
Z-паттерн взгляда на экране варианта 2
Юзабилити тестирование и глубинные интервью

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

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

В итоге мы финализировали две концепции и подготовили два детальных интерактивных прототипа в Figma.

С учетом мнений РО была проведена работа над макетами и сделаны 2 окончательных варианта.

Вариант прототипа: поинты слева, форма справа Вариант прототипа: вертикальный степпер и форма по центру

Итоги интервью

  1. Региональные менеджеры чаще выбирали второй вариант;
  2. Фермеры чаще всего выбирали первый вариант;
  3. Все респонденты прошли флоу обоих вариантов без затруднений;
  4. Однозначный выбор между 2 вариантов сразу не сделал никто. Все находили плюсы в первом и втором варианте;
  5. Все с первого раза находили ссылку на поддержку и номер телефона;
  6. Все с первого раза находили выход из регистрации;
  7. Наличие степпера в обоих вариантах было положительно оценено всеми респондентами;
  8. Справочную ссылку «Зачем нужен мой ИНН?» нашли сразу почти все респонденты;
  9. Формулировка роли фермера вызвала затруднение у одного респондента;
  10. Поле ввода ИНН понятно для всех и лучше, чем на других платформах (по мнению одного респондента);
  11. Степпер с подписями во втором варианте лучше, чем в первом варианте;
  12. Поинты/Фактоиды во втором варианте оказались полезной информацией для фермеров.

Анализ полученных данных

  1. Решили ориентироваться на целевую аудиторию — фермеров и поэтому выбрали 1 вариант;
  2. Решили улучшить поинты в первом варианте, так как пользователям более полезны конкретные функциональные возможности платформы, нежели числовые данные о результатах платформы;
  3. В мобильной версии решили не делать блок с поинтами, так как на мобильном устройстве важна фокусировка на полях ввода и ограничении высоты формы до одного экрана;
  4. Второй вариант флоу более сложен в разработке и менее гибок в случае внесения дальнейших изменений.
Финальная итерация

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

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

Финальный макет: поинты слева, форма справа Создание макетов системы регистрации и авторизации в Figma
Редизайн 2026 года Update

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

Редизайн 2026 года: форма регистрации, шаг 1 Редизайн 2026 года: форма регистрации, шаг 2 — согласия Редизайн 2026 года: успешное завершение регистрации Редизайн 2026 года: полный флоу регистрации — десктоп и мобильная версия

Результаты

  • Форма регистрации на отдельной странице стала лучше фокусировать пользователя и сделала сложнее выход из процесса регистрации в сравнении с модальными окнами;
  • Отдельная страница регистрации дает возможность еще сильнее подогреть пользователя и склонить к созданию аккаунта за счет добавления полезной информации для фермера и повышения доверия;
  • Отдельная страница регистрации дает потенциальную возможность уместить большое количество этапов.
  • Поля ввода теперь можно очищать с помощью кнопки clear, это особенно полезно в мобильной версии формы.
  • Ввод ИНН или наименования организации стал удобнее и был пересобран.
  • Выпадающий список организаций стал более удобным за счет мобильного bottom sheet.
  • Организации в списке пересобраны за счет нового компонента List.
  • Система валидации теперь другая и каждая кнопка по умолчанию в состоянии Default, а не Disabled. Это устраняет текущие баги в валидации.
  • Теперь пользователь может обратиться в поддержку не выходя из процесса регистрации;
  • Выбора роли на платформе теперь нет и это существенно упростило регистрацию.
  • Сейчас для регистрации достаточно ввести инициалы, ИНН организации и отметить 4 чекбокса — и процесс завершён. Ранее для некоторых ролей требовалось заполнить 10–20 полей, установить плагины и выполнить другие дополнительные действия. Теперь недостающий функционал пользователь может дозаполнить в личном кабинете уже после регистрации.

Следующий кейс

Визуалы

Буду рад обсудить возможное сотрудничество ✍️