Сервис Cwill — гибкая экосистема бесшовного менеджмента криптоактивов от завещаний до платежных поручений

Как мы с нуля и до формирования стабильной lifestyle потребности разработали инновационный личный кабинет криптовалютного сервиса через создание новых паттернов пользовательского поведения и привычек

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

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

Солюшн – ресерч рынка и ниши / анализ существующих конкурентов / определение и сегментирование аудитории продукта / сбор функциональных характеристик для формирования технических требований к продукту / формирование user personas / составление user scenarios / проработка user flow / построение многоуровневой информационной архитектуры / перевод архитектуры в прототипы / юзабилити тестирование и внесение правок / прорисовка ui дизайна / тестирование на фокус группе и внесение правок / составление тз на верстку и бэк / frontend / визуальное и функциональное тестирование / передача материалов для бэка

Фичи — (спойлер) дальше по тексту описание фич занимает целых 3 раздела, но если кратко — мы стали первыми на рынке, кто предоставил экосистему бесшовного менеджмента криптоактивов

Только получили задачу — уже перехватило дыхание от грандиозности задумки, а это был (далекий) 2022. Планы серьезные и реально инновационные — было даже страшно называть проект вслух, чтобы никто не скопипастил идею. Но, не исследовав рынок и его потребности, не приступаем к задаче — иначе есть риск слить бюджет.

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

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

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

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

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

Что слышно по конкурентам? В 2022 году рынок продуктов для криптозавещаний только начинал формироваться. Вот, что мы откопали:

С сервисами оформления платежных поручений и переводов крипты в крипту/фиатный кэш интереснее: Paxful, LocalBitcoins, Binance, Crypto.com и прочие сервисы уже освоили нишу.

Пришли к выводу: уровень интереса у аудитории высокий, а вопрос наследования криптоактивов актуален. Единого и гибкого сервиса, который объединял бы в себе инструменты менеджмента платежных поручений, переводов и оформления завещаний нет. Это и легло в основу USP и стало базой для формирования требований к продукту в техническом задании: гибкая экосистема, в рамках которой можно бесшовно управлять своими активами, имея полный доступ к инструментам менеджмента.

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

Такие разные, но такие одинаковые. Ниже топ-6 потребностей, объединяющих аудиторию:

Но не всё так просто: есть два фундаментальных момента, разделяющих ЦА: гео и различия в законодательстве и правилах. Как мы решили эти вопросы?

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

О дивный новый мир! User flow, информационная архитектура, прототипы и юзабилити тестирование — дайте два, а лучше три!

Начинаем с user flow — она же визуализация пути пользователя от первого касания с сервисом и до достижения цели:

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

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

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

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

Жесть? Кайф! Таким образом получили на 100% ценный прототип цифрового продукта, готового к апгрейду стильным и неназойливым UI.

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

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

А как же ощущение единой стилистики сайта и личного кабинета? Резонное возражение. После изучения key visual десятков криптосервисов от старичков до новичков рынка мы пришли к балансному решению: легкий и невесомый UI в серо-голубых оттенках с крайне контрастными акцентами на ключевых функциях (ключевых не только для пользователя, но и для интересов бизнеса и монетизации сервиса) с помощью темных плажек.

Получается, сделали что-то из ранга «невозможное»: соединили темный неоновый сайт с ультра легким светлым кабинетом. Но как? Следите за руками:

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

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

Самое интересное из кейса оставили на «десерт»: пристегнитесь, дальше кратко, но ёмко пройдемся по улетным фичам.

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

Таким образом, в дашборд мы вынесли:

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

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

Шаг 1. Здесь, в отличие от оформления наследства, первым шагом мы поставили выбор бенефициара. Почему?

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

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

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

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

Шаг 4. Фиксируем курс и оформляем перевод в пользу сервиса. Пользователь с помощью приложения своего кошелька сканирует одноразовый qr-код кошелька сервиса (или копирует код) и совершает транзакцию с проверкой соответствия хэшномера.

Перевод оформлен! Пользователь получает уведомление об успешном оформлении перевода. В дальнейшем статус трансфера можно отслеживать в разделе истории транзакций или напрямую через user-friendly дашборд.

Весь путь раздроблен на 5 шагов: по смыслу, логике и трудозатратности совершаемых юзером действий.

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

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

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

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

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

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

Готово! Пользователь получает уведомление об успешном оформлении завещания. В дальнейшем план наследства можно редактировать, а также заказать его физический оригинал в виде действительного документа.

Каким образом сервис узнает, что пользователь совершил logout из жизни? Не будет же родственник предоставлять справку со свидетельством о смерти? Нет, это для бумеров.

Для проверки благополучия пользователя мы разработали wellbeing check. Отдельной статьи заслуживает нейминг функции и как мы дошли от true death до wellbeing check.

Логика простая: пользователь должен совершать регулярное минимальное действие, подтверждая своё благополучие.

Шаг 1. Пользователь выбирает, каким образом он будет подтверждать своё благополучие: логином в сервисе, переходом по ссылке из письма на имейл.

Шаг 2. Далее выбор интервалов: с какой периодичностью пользователю необходимо подтверждать свой статус «онлайн».

Шаг 3. Юзер выбирает, каким образом сервис будет уведомлять его о необходимости пройти wellbeing-проверку.

Шаг 4. Настройка экстренных уведомлений на случай пропуска подтверждения своего благополучия. Пользователь выбирает способы уведомлений, количество и интервалы, с которыми будут приходить экстренные сообщения с предупреждениями о статусе и скорой передаче наследства в случае игнорирования.

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

В объем остальных страниц вошли: настройка аккаунта с привязкой мессенджеров, настройка 2FA через Google Authenticator, каталог бенефициаров, история транзакций, страница уведомлений, чат с техподдержкой, а также страницы регистрации, входа и восстановления доступа к аккаунту.

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

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