xRocket

Редизайн Telegram Mini App с более чем 1 млн пользователей

Контекст

Я работал по проектной занятости над редизайном крупного Telegram Mini App — централизованного криптокошелька со встроенной биржей криптовалют. Функциональность продукта уже сложилась, аудитория была активной, а внутри команды были свои устоявшиеся решения и ограничения, связанные с платформой Telegram.

Со временем накопились две проблемы, которые начали мешать росту:

• UX стал медленным: базовые сценарии занимали слишком много шагов и времени, часть экранов ощущалась инородными по пути к цели.
• UI устарел: визуальная система расползлась, появились несостыковки по типографике, отступам и иконкам — продукт перестал выглядеть цельным и дорогим.

Целью редизайна было ускорить прохождение основных сценариев и повысить субъективное ощущение качества продукта.

Моя роль и зона ответственности

Как продуктовый дизайнер я отвечал за аудит UX и визуальной части Mini App, за переработку основных пользовательских флоу, за обновление визуального стиля, за улучшение и консистентность дизайн-системы, за подготовку прототипов к тестированию и передачу макетов разработчикам.

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

Цели проекта

Мы зафиксировали две главные цели:

1. Сократить время и количество действий в основных сценариях, чтобы пользователи быстрее доходили до результата. Юзер должен как можно быстрее: открыть и понять состояние кошелька, обменять одну криптовалюту на другую, совершить действие на бирже (разместить ордер), посмотреть историю операций.
2. Привести UI и дизайн-систему в порядок: устранить визуальные несостыковки, обновить типографику и синхронизировать прогрессию отступов, унифицировать иконографику и сделать интерфейс современным и аккуратным.

Деконструкция продукта

Я начал с того, что разобрал существующее приложение на части и перевёл проблему в измеримую плоскость:

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

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

Глубинные интервью и реальные паттерны поведения

Дальше я провёл несколько глубинных интервью с пользователями. Мне было важно зафиксировать:

• какие сценарии реально являются базовыми;
• что люди считают успехом в сценарии;
• где они чаще всего сомневаются и перепроверяют.

Что проявилось в интервью и совпало с метриками:

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

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

Оптимизация флоу

После анализа и интервью я пересобрал ключевые сценарии. Принципы оптимизации:

• один экран — одна понятная задача;
• меньше переходов между разными сущностями;
• основное внимание на суммах, курсах, комиссиях, результатах);
• Поиск следующего шага не должен приводить к выбору между двумя экранами.

Что было сделано:

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

UI-аудит и визуальный редизайн

Параллельно с UX-работой я провёл аудит визуальной части.

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

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

Тестирование

Новый дизайн был вынесен в отдельный тестовый Telegram-бот, чтобы не рисковать основной аудиторией и быстро проверить гипотезы.

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

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

Результаты и метрики

По результатам оптимизации и тестирования мы получили заметные улучшения:

• Среднее время на ключевые сценарии сократилось на 47,4%
• Количество действий до результата уменьшилось на 38,12%
• Доля пользователей, завершающих сценарий обмена и сделок без возвратов назад, выросла на 61,07%
• Ошибки на критических шагах (неверный выбор пары/сети/суммы) снизились на 33,2%
• Субъективная оценка внешнего вида и современности интерфейса выросла с 6,7 до 8,2 по 10-ти балльной системе.

Завершение проекта

После успешного тестирования и принятия решений к реализации моё сотрудничество с сервисом завершилось — формат работы был проектным.

Команда на выходе получила валидированные флоу и прототипы, обновлённый визуальный стиль, улучшенную дизайн-систему и правила консистентности, зафиксированные инсайты по поведению пользователей и проблемным точкам.