Личный кабинет для Cwill — революционной платформы управления криптоактивами

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

Представьте себе, что каждая ваша потребность в сфере криптовалют решается одним щелчком, без лишних заморочек и задержек.

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

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

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

Ревью разработки (со спойлерами!) Для достижения этой цели мы провели глубокий анализ рынка и существующих конкурентов, определили и сегментировали аудиторию продукта, собрали все необходимые функциональные характеристики для формирования технических требований. Затем мы создали образы пользователей (user personas) и сценарии их взаимодействия с продуктом (user scenarios), разработали пользовательские потоки (user flow) и построили многоуровневую информационную архитектуру. Превратив эту архитектуру в прототипы, провели юзабилити-тестирование и внесли соответствующие правки. После этого мы разработали дизайн интерфейса (UI), протестировали его на фокус-группе и снова внесли правки. В итоге составили техническое задание для верстки и бэкенда, провели фронтенд и визуальное функциональное тестирование, и передали готовые материалы для разработки серверной части.

Что касается ключевых особенностей нашей платформы, то мы стали первыми на рынке, кто предоставил экосистему бесшовного управления криптоактивами.

Начало большого пути: масштаб и инновационность со старта

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

Наследство в крипте — это будущее. Я готов ввести это в привычку юзеров и законнектиться с крипто-коммьюнити

говорит product-маркетолог

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

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

Исследование началось с анализа надежных чатов в Telegram, где мы изучили текущие тренды и возможности ниши. Это привело нас к противоречивым выводам. В 2022 году криптозима застала рынок врасплох: крах UST, банкротство FTX, ужесточение госрегулирования и инфляция в США — все это привело к падению капитализации рынка и снижению интереса к инвестициям в криптовалюты. Майнинг стал нерентабельным, многие фермы закрылись, а интерес к DeFi упал на 72,9%, что значительно сократило объемы транзакций.

Несмотря на все это, независимые журналы и организации фиксировали высокую заинтересованность общества в безопасном наследовании криптовалют. В 2022 году более 80% жителей США, Великобритании, Мексики и Сингапура были осведомлены о криптовалютах, что говорило о высоком уровне их использования для реальных финансовых нужд, включая планирование наследства.

Исследование SDF и Wirex показало, что общество активно интересуется криптовалютами и их безопасным наследованием. Более 63% владельцев криптовалюты надеялись увеличить свои активы в ближайшие годы и изучали способы их безопасного завещания. Журнал Nature также отметил, что пользователи видят в криптовалютах надежный и безопасный способ управления активами и наследством, особенно на фоне агрессивной монетарной политики США.

Конкурентный ландшафт: работали над сервисом, которому нет аналогов (не только в 2022, но и до сих пор)

Рынок продуктов для криптозавещаний только начинал формироваться. Мы обнаружили несколько проектов, включая индийский сервис с сомнительной безопасностью, который предлагал завещания на все, от крипты до паспорта собаки, и американские юридические компании с размытым спектром услуг. Из перспективных проектов мы выделили Vault12, который предлагал завещание криптоактивов, NFT и паролей.

Что касается сервисов для оформления платежных поручений и переводов, то здесь уже работали такие гиганты, как Paxful, LocalBitcoins, Binance и Crypto.com.

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

Определение и сегментирование целевой аудитории: выделили ядро и потребности юзеров на диджитал-уровне

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

Давайте кратко рассмотрим состав нашей аудитории:

Индивидуальные инвесторы (35%) — активные на криптовалютных рынках, используют криптобиржи, следят за новостями индустрии и новыми инвестиционными возможностями.

Трейдеры (25%) — занимаются арбитражем и используют торговые стратегии, часто переводят криптовалюту между биржами, нуждаются в конвертации крипты в фиат для фиксации прибыли или покрытия расходов.

Фрилансеры (20%) — обходят традиционные банковские системы и комиссии, используют криптокошельки для получения и отправки платежей, стремятся минимизировать комиссии и ускорить транзакции.

Технофилы (10%) — увлеченные инновациями, активно тестируют бета-версии криптосервисов, исследуют новые способы применения криптовалют, участвуют в криптосообществах.

Семьи и наследники криптовалютных владельцев (10%) — обеспокоены сохранностью активов и их передачей следующим поколениям, интересуются вопросами наследования и планирования, ищут способы защиты цифровых активов.

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

• Безопасное хранение и управление криптовалютами.
• Быстрая и гибкая конвертация крипты в фиат для ежедневных нужд.
• Гарантированный доступ к средствам в любой момент.
• Обеспечение передачи криптовалютных активов в случае непредвиденных обстоятельств.
• Инструменты для долгосрочного планирования и хранения криптоактивов.
• Юридическая и финансовая поддержка в вопросах наследования.

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

География: Наши пользователи проживают в США, Европе, Южной Корее, Японии и ОАЭ. Это потребовало от нас особого подхода к кросскультурным вызовам. Мы решили эту задачу, используя максимально прозрачный UX-копирайтинг и нейтральные, недвусмысленные дизайн-решения, что позволило создать лояльную и позитивно настроенную аудиторию по всему миру.

Законодательство: Различия в законодательстве и правилах, касающихся криптовалютных транзакций, также были учтены. Мы собрали данные о локальных нормативных требованиях и передали их команде юристов. В результате были сформулированы важные функциональные требования, такие как онлайн-чат с юридической поддержкой 24/7, кастомные шаблоны завещаний для отдельных стран и список функций, недоступных в некоторых регионах.

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

User Flow, информационная архитектура, UX: создали 32 прототипа страниц сервиса

Начали мы с разработки user flow — это как режиссура фильма, где пользователь проходит путь от первой сцены до финальных титров. Мы детально расписали каждый шаг: от первого клика на дашборде до уведомления об успешной транзакции. Каждое действие было прописано до мелочей: нажать кнопку, сдвинуть слайдер, включить переключатель. В итоге, визуализировали более 40 потенциальных пользовательских путей. Коллективное тестирование помогло сократить ненужные шаги и улучшить UX на самых ранних стадиях.

После завершения работы с user flow, мы перешли к созданию многослойной информационной архитектуры. Мы изучили опыт десятков косвенных конкурентов, анализировали обзоры криптосервисов от популярных YouTube-блогеров, делали скриншоты и разбирали интерфейсы до мельчайших деталей. Это дало нам возможность сразу интегрировать лучшие решения и избежать распространенных ошибок на стадии первого релиза.

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

Но мы не останавливались на достигнутом. Запустили не просто crash-тесты, а настоящие destructive испытания. Тестировали индивидуально, в парах, группах, с членами команды и приглашенными крипто-специалистами, а также с представителями фокус-группы. Мы отслеживали скорость и количество кликов для каждого сценария, корректируя подходы после каждой сессии. Это привело к:

• Трижды полной переработке сценария оформления платежных поручений
• Внедрению защитных функций (всплывающие подсказки и уведомления в критические моменты)
• Добавлению персонализированных возможностей для оформления завещаний (текстовые, видео и голосовые послания)
• Согласованию механики фиксации курса при платежных поручениях
• Внедрению и удалению дополнительных функций
• Улучшению UI и UX (подсказки, кнопки, разделение услуг на этапы)

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

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

UI-Дизайн: стилизовали слияние темного сайта и светлого личного кабинета

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

Почему не темный UI, если это тренд? Темный интерфейс действительно выглядит стильно и модно, особенно в крипто-среде. Но наш продукт – это не просто еще один крипто-сервис. Это серьезная экосистема финансовых и юридических услуг, где даже намек на «скам» может отпугнуть пользователей. Поэтому мы решили идти по пути светлого и легкого UI, который внушает доверие и стабильность на каждом шагу.

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

Мы добились почти невозможного: объединили темный неоновый сайт с ультра легким светлым кабинетом. Вот как это получилось:

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

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

Проведя тестирование UI на фокус-группе, мы подтвердили свою гипотезу: наш визуальный язык получился ненавязчивым, простым и запоминающимся благодаря ярким акцентам. Интерфейс сам направляет пользователя, снижая когнитивную нагрузку и одновременно повышая ключевые метрики продукта: DAU/MAU, User Acquisition and Retention, ASD, NPS, CSAT. Win-win, как мы и хотели!

Теперь перейдем к самому интересному: готовьтесь, дальше кратко и емко о наших крутых фичах.

Интуитивный Дашборд: от авиационной приборной панели к простоте и удобству

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

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

• Wellbeing-чек для моментального мониторинга состояния и внесения изменений
• Гибкое управление завещаниями, позволяющее пользователю легко вносить коррективы
• Прогресс-бар статуса безопасности аккаунта, разбитый на этапы для мотивации
• Отслеживание последних транзакций, так как некоторые из них требуют длительной обработки
• Конвертер для быстрого перевода с выбором валюты отправки и получения

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

Функция платежных поручений: учитывали опыт не только криптовалютных сервисов, но и лучших мировых банковских приложений

Результат — простой и интуитивный процесс в четыре шага.

Шаг 1: Выбор бенефициара

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

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

Важная особенность: дополнительная проверка личности получателя — с помощью кодовой фразы, пин-кода, пароля или ID-карточки, чтобы убедиться, что перевод попадет в нужные руки.

Шаг 2: Выбор суммы и криптовалюты

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

Шаг 3: проверка информации

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

Шаг 4: Фиксация курса и оформление перевода

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

Перевод оформлен! Пользователь получает уведомление об успешном завершении транзакции. Статус трансфера можно отслеживать в разделе истории транзакций или через удобный дашборд.

Оформление завещаний: продумали смысл и логику каждого взаимодействия

Результат — простой и интуитивный процесс в четыре шага.

Шаг 1: Выбор бенефициара

Сначала выбирается бенефициар — это не оформление наследства, а точечный выбор, где сразу вводятся и проверяются все данные: имя, номер счета и банк получателя. Это снижает риск ошибок и гарантирует, что деньги попадут, куда нужно. Финансовые организации обязаны проверять информацию о бенефициарах в соответствии с законодательством и политикой противодействия отмыванию денег. Этот первый шаг упрощает выполнение этих требований. Зная, кому идет перевод, сервис сразу показывает комиссии и условия, которые зависят от страны получателя и его банка. Пользователь может выбрать бенефициара из списка или ввести данные вручную. Важная фишка: дополнительная проверка личности получателя — кодовая фраза, пин-код, пароль или ID-карточка для безопасности.

Шаг 2: Выбор суммы и криптовалюты

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

Шаг 3: Проверка информации

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

Шаг 4: Фиксация курса и оформление перевода

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

Общие страницы и второстепенные элементы: перфекционизм в деталях

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

Мы уделили особое внимание деталям второстепенных элементов и подготовке скрытых текстов. Это включает модальные окна, тултипы, UI-кит с ховерами и поведением функциональных элементов (поля ввода, дропдауны, степперы и слайдеры). Каждый тултип был тщательно проработан и дополнительно проверен UX-копирайтером. Это показывает наш подход к пользователям и релизу экосистемы — мы создаем цифровые продукты, которые меняют ритм жизни не только пользователей, но и всего рынка.

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

Результат: мы создали личный кабинет для криптовалютного сервиса, готовый к передаче на бэкэнд-разработку, оптимизированный таким образом, чтобы сформировать стабильную lifestyle потребность у пользователей