--------------- ------------------ -------------
Ускорил авторизацию, снизил отток новых клиентов
Полностью пересобрал флоу авторизации: убрал лишнее, добавил VK и Яндекс. Подсказки, автофокус и маски ввода сделали интерфейс доступным и отзывчивым. Теперь авторизация в 2 клика.
Архитектура сценариев
UX-паттерны и консистентность
Доступность
Продуктовое мышление
Паттерны интерфейса
Оптимизация
В рамках полного обновления приложения я пересобрал не только визуальный язык и флоу заказов, но и авторизацию — первый барьер на пути пользователя. Этот модуль требовал упрощения, автоматизации и гибкости для международного рынка.
Проблема
Сложный вход вместо быстрого старта
Чтобы просто войти, пользователю нужно было заполнить до пяти обязательных полей. Авторизация воспринималась не как быстрый шаг к заказу, а как отдельный сложный процесс — это ломало ожидание «быстро начать» и снижало мотивацию продолжать.
Барьеры для международных пользователей
Иностранные клиенты не могли ввести номер в привычном формате. Интерфейс не подсказывал, как корректно заполнить поле, из-за чего пользователи застревали на первом экране и чаще бросали сценарий.
Отсутствие автоматизации и поддержки
Не было автофокуса, масок форматирования и контекстных подсказок. Процесс требовал постоянных ручных действий и внимания, усиливая когнитивную нагрузку и ощущение «неудобного сервиса».
Отсутствие объясняющих статусов и tone of voice
Интерфейс не проговаривал бизнес-правила (недоступность блюда в точке, ограничения, состав упаковки), поэтому пользователи не понимали, почему меняется итоговая сумма или почему что-то недоступно.
Нет быстрых способов входа и фокуса внимания
Отсутствовали быстрые способы входа VK ID, Яндекс ID, поэтому авторизация происходила только через SMS — это удлиняло сценарий для пользователя и увеличивало затраты бизнеса. Слабая визуальная иерархия и невыделенное целевое действие не создавали фокуса внимания и усиливали отток уже на старте.
Гипотеза
Если
  • Сократить сценарий входа до минимального количества действий;
  • Убрать необязательные поля и добавить умную автоматизацию (автофокус, маски, подсказки);
  • Поддержать международные форматы номеров и явно объяснить логику ввода;
  • Добавить быстрые способы входа через сторонние сервисы;
  • Перестроить экран с понятной иерархией и чётким CTA.
То
Пользователи будут воспринимать авторизацию как быстрый и понятный шаг к заказу, снизится отток на первом экране, вырастет конверсия в успешную регистрацию, а бизнес получит больше новых и возвращающихся клиентов.
Задача
  • Сократить путь входа до двух касаний без потери данных;
  • Убрать фрикции и лишние поля, оставить только необходимое;
  • Обеспечить международную поддержку форматов и вход через сторонние сервисы;
  • Продумать автоматизацию и мгновенный отклик интерфейса;
  • Повысить конверсию новых пользователей в успешную регистрацию за счёт понятного, быстрого и современного UX.
Решение
Один экран — одно действие
Авторизация и регистрация объединены. Пользователь вводит номер - получает код - сразу входит.
Минимум обязательных данных
Остался только телефон. Имя запрашивается при первом заказе, остальные поля — опциональны в профиле.
Быстрые входы через VK ID и Яндекс ID.
Это ускоряет авторизацию и снижает затраты бизнеса на СМС-аутентификацию. Если в стране сервис недоступен — система автоматически переводит на ввод телефона. Так флоу становится ещё короче и надёжнее.
Международная поддержка
Добавлен выбор страны, маска по ISO и автоопределение региона по геолокации.
Автоматизация и мгновенный отклик
Интерфейс реагирует без задержек: автофокус, inline-валидация, понятные подсказки. При вводе корректного кода система автоматически завершает вход — без лишних кликов.
Дизайн-подход
Помимо визуального и функционального обновления экранов авторизации, я сосредоточился на том, чтобы выстроить продуктовую логику и UX-паттерны, которые уменьшают ошибки, экономят ресурсы сервиса и ускоряют прохождение сценария для пользователя.
Адаптивный выбор способов авторизации
Для разных стран доступны разные способы входа.

Я создал адаптивную логику экранов, которая:
  • показывает только те методы авторизации, которые работают в выбранной стране;
  • автоматически определяет страну по геолокации;
  • снижает стоимость авторизации за счёт приоритета более дешёвых соцлогинов (VK, Яндекс ID);
  • устраняет лишний выбор и уменьшает время принятия решения.

Это позволило сократить первое взаимодействие до одного понятного шага.
Единая модель ввода номера для всех стран
Я спроектировал универсальный UX для ввода номера, который работает для локальных и международных пользователей:
  • цифровая клавиатура открывается автоматически;
  • код страны определяется автоматически, но его можно быстро поменять;
  • маска подстраивается под формат каждой страны;
  • встроена живая валидация;
  • номера в подсказках клавиатуры можно вставить сразу в маску.

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

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

Это уменьшило отток на этапе первого входа.
Детали реализации
  • Провёл UX-аудит и выделил ключевые точки фрустрации;
  • Спроектировал новый флоу входа — из профиля и при оформлении заказа;
  • Разработал компоненты с масками и валидацией;
  • Подготовил тексты подсказок и ошибок с учётом международных сценариев;
  • Проработал fallback-сценарии для регионов без сторонних сервисов;
  • Пересобрал визуальный слой под новую дизайн-систему и UI-гайды.
Оценочные результаты
  • Путь входа сокращён на 50%;
  • Количество обязательных полей уменьшено на 80%+;
  • Поддержка 100% международных пользователей;
  • Рост конверсии авторизации: +25–30%;
  • Снижение расходов на СМС-аутентификацию благодаря логинам через VK и Яндекс.
Редизайн авторизации превратил сложный и устаревший процесс
в плавный, быстрый и предсказуемый сценарий входа.
Теперь пользователь входит в два касания, без ошибок и ожиданий, а система подстраивается под страну, устройство и привычный способ авторизации.
Этот флоу стал не просто улучшением одного экрана —
он поддерживает принципы нового продукта: меньше шагов, больше смысла.
Продуктовое мышление
Проработка сценариев
Upsell в продукте
UX‑паттерны
Усилил выручку на уровне одной карточки
2025
Полностью переработал карточку товара: сделал её продающей витриной позиции, упростил путь к покупке и ввёл механику доп-продаж прямо в карточке.
Проработка сценариев
UX-паттерны
Upsell в продукте
Работа с ограничениями бизнеса
Увеличил выручку корзины без роста трафика
2025
Пересобрал структуру корзины, убрал лишние шаги и сделал сервисные сборы прозрачными. Средний чек и конверсия выросли за счёт сценариев, а не маркетинга.
Made on
Tilda