Запуск и масштабирование инвестиционного приложения с нуля
Роль: Lead Product Designer (Playing coach)
Задачи: Перепроектировать MMP, увеличить ключевые метрики продукта, выстроить дизайн-процесс с нуля, собрать и возглавить команду дизайнеров.
Результаты: Конверсия в первую покупку выросла до 35%. Скорость поставки новых фич увеличилась в 2 раза. Команда дизайнеров выросла с 1 до 3 человек
The Challenge
- Бизнес-контекст: Компания вышла на рынок инвестиций с минимально маркетабельным продуктом (MMP), который не обеспечивал нужных темпов роста и удержания пользователей.
- Пользовательская боль: Глубокий анализ показал, что новые пользователи понимали ценность продукта, но терялись в процессе onboarding, нагружали саппорт звонками и совершали первую сделку менее чем в 5% случаев.
- Моя роль: Присоединился к продукту на этапе MMP. Фактически выполнял роль продакта до появления аналитика и лида дизайнеров.
The Process & Leadership
Исследования и анализ
Провел серию глубинных интервью с пользователями из сегмента «начинающий» и «продвинутый инвестор», собрал данные с тепловых карт и записи сессий, прослушал записи звонков в техническую поддержку.
Построил Карту Пути Пользователя (CJM) и выявил ключевые точки разрыва: сложность регистрации/идентификации, отсутствие интерфейса купленных активов, отсутствие обучающих материалов, перегруженный интерфейс покупки.
Составил схемы пользовательских сценариев для основного функционала, чтобы найти логические несоответствия и пробелы.
Проанализировал метрики с помощью Yandex Metrika и запросил данные от бизнеса по ключевым точкам контакта, чтобы подтвердить гипотезы данными.
Организация работы
Создал и внедрил универсальный шаблон для оформления ЭПИКов в Kaiten, который структурировал постановку задач для менеджеров и аналитиков, что в свою очередь давало больше понимания команде.
Внедрил еженедельные груминг-идей и кросс-функциональные воркшопы по согласованию гипотез.
Дизайн-система (почти)
С нуля создал UI-кит и детальные гайды по использованию компонентов в Figma. Это позволило стандартизировать работу и обеспечить визуальную согласованность.
Разработал подробную документацию и инструкции по применению всех компонентов UI-библиотеки.
Разработал основу дизайн-системы — библиотеку компонентов для UI-кита.
Команда
Выполнял функцию «играющего тренера»: нанял и онбордил Middle+ и Junior дизайнера, выстроил процесс делегирования и контроля качества.
В процессе поиска составил таблицу с кандидатами, в которой отмечал наиболее интересных для рассмотрения
Меня часто спрашивают, по какому принципу я подбирал дизайнеров в команду. Мы ориентировались на уровень Middle+/Senior. Весь процесс можно разделить на два этапа.
Первый этап — предпросмотр. На этой стадии HR присылает мне резюме кандидата с полезными ссылками. Я просматриваю кандидатов, заношу их в таблицу (как на скриншоте выше) и оставляю комментарии для коллег с пометками, стоит ли рассматривать кандидата. В рамках предпросмотра я обращаю внимание на портфолио: это может быть ссылка на Notion с описанием кейсов, личный сайт или Behance. Такой формат я одобрял для перехода к собеседованию.
Второй этап — собеседование. На собеседовании я задаю базовые вопросы:
- Про дизайн-системы: Был ли опыт построения дизайн-систем с нуля? Где это было? Можете показать примеры?
- Про тексты: Был ли опыт работы с интерфейсными текстами? Можете привести пример текста, который вы составили? Знаете ли, что такое инфостиль, и что вы о нём думаете?
- Про UX-законы: Знакомы ли с законами UX? Можете привести пример?
- Про доступность: Есть ли понимание accessibility? Что знаете об этом? Был ли практический опыт?
После этого я просил кандидата расшарить макет и рассказать о решённом рабочем кейсе. По итогам собеседования я оставлял своё мнение для коллег в чате подбора и получал от них обратную связь. Если кандидат отвечал хотя бы на половину вопросов и описывал несколько рабочих кейсов, я давал положительный отзыв и рекомендацию для найма.
The Solution
Перепроектирование регистрации и онбординга
Было: Длинная многошаговая форма с путающими призывами к действию.
Стало: Единый вход с определением зарегистрированных пользователей, прогрессивный онбординг, автоподстановка кодов, корректная вставка номера с вычитанием лишних цифр, маски.
Обоснование: Данные показали, что 90% пользователей не доходили до конца регистрации. Я разбил процесс на этапы и добавил индикатор прогресса.
Упрощение и доработка процесса покупки
Было: Сложный экран с лишним функционалом и неправильными акцентами, дублирование цены, подтверждения.
Стало: Упрощенный экран с минимальным количеством контролов, фиксированной кнопкой «Купить» и выделенным блоком «Итого».
Обоснование: Юзабилити-тесты выявили, что пользователи не видели кнопку «Купить» из-за сдвига вниз и не понимали, что они могут продать на экране покупки. Новое решение сократило количество контролов и зафиксировало кнопку при скроллинге.
Разделение одной вкладки на две
Было: Отсутствие экрана с пользовательскими активами.
Стало: Спроектирована новая вкладка «Главная», которая содержит активы пользователя, вкладка «Рынок» переехала на новую вкладку «Витрина».
Обоснование: Глубокий анализ звонков в поддержку выявил, что пользователи буквально заваливают саппорт запросами относительно своих активов. Новое решение значительно разгрузило поддержку и увеличило удовлетворенность приложением.
Радикальное изменение посадочной страницы
Было: Сайт-визитка с непонятными посылом.
Стало: Лэндинг ориентированный на боли и потребности пользователей.
Обоснование: При помощи глубинных интервью и анализа всех доступных источников удалось выяснить основную потребность пользователей, которые инвестируют подобным образом. Благодаря этому весь лэндинг был переделан под jtbd-сценарии, что позволило увеличить конверсию в инсталлы.
Концептуальный дизайн и проектирование первой сессии.
The Impact
Процесс создания 3D визуала для магазина приложений
- Рост ключевых метрик:
- Конверсия в завершенную регистрацию и верификацию: +23%
- Конверсия в первую покупку: +35%
- Количество повторных пополнений счета выросло на 15% в течение первого месяца.
- Операционная эффективность:
- Время на проектирование и согласование новых фич сократилось в 2 раза благодаря UI-киту и отлаженным процессам.
- Бизнес-эффект:
The Learning
- Что сработало: Инвестиции в «дизайн-систему» и шаблонизацию коммуникаций окупились многократно, ускорив все последующие итерации.
- Что бы я сделал иначе: Следовало бы настоять на проведении юзабилити-тестов макетов еще на стадии MMP, это сэкономило бы время на переделках.
- Главный инсайт: Успех продукта зависит не только от UI, но и от слаженности команды. Роль дизайнера-лидера — быть связующим звеном между бизнесом, разработкой и пользователем.
Читайте также: Cryptarin — запуск криптокошелька под ключ от идеи до физического продукта