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

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

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

Таск — разработать сайт, который знакомит целевую аудиторию с непривычным продуктом в деликатной тематике, понятным языком объясняет логику работы сервиса и органично трансформирует недоверие пользователей в устойчивый safe space вайб.

Солюшн — погружение в тематику и ресерч ниши / интервью с бизнес-юнитами заказчика / оценка емкости и тенденций рынка / детализация сегментов целевой аудитории / определение life experience специфик юзеров / изучение алгоритмов и паттернов UX-поведения ЦА / формирование стратегии и позиционирования / разработка информационной архитектуры / составление Customer Journey Maps / UX проектирование прототипов высокой детализации / составление мудбордов и определение визуального образа продукта / UX-дизайн всех экранов сервиса / UI-дизайн страниц сайта / комплексное тестирование логики и визуала / программирование frontend инфраструктуры / backend разработка

Фичи — сайт сервиса, на момент разработки не имеющего аналогов в мире, закрывает 100% потенциальных возражений ЦА, с помощью персонифицированного сторителлинга и технологий высокого вовлечения устанавливает эмоциональную связь с юзером еще до самого факта регистрации, превентивно проводит по интерфейсу, формируя ощущение предсказуемости и безопасности будущей «коммуникации» с продуктом one-to-one и нативно подводит к регистрации в личном кабинете.

Заказчик пришел к нам с mind-blowing для 2022 года идеей о создании платформы, в рамках которой пользователи могут:

1. Оформлять завещания на свои криптовалютные активы и выполнять отложенные платежи в конкретную дату или в случае наступления смерти.

2. Хранить крипту в холодном кошельке и осуществлять переводы с конвертацией в любую фиатную валюту по всему миру.

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

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

Для решения такой задачи выполнять стандартные этапы разработки is not enough. Начали по классике — несколько итераций интервью с заказчиком и заинтересованными юнитами, чтобы досконально погрузиться в тематику и точно сформулировать цели разработки. Дальше — swot-анализ конкурентов. Но что делать, если конкурентов не существует? Правильно! Провести комплексный ресерч рынка, выделить топовых игроков и затестить все возможные сервисы смежных направлений, параллельно отмечая удачные юзабилити решения и, наоборот, пробелы в позиционировании.

После теста 37 (да, мы вели учет) приложений, смогли выделить конвенциональные алгоритмы проектирования, ключевой функционал и базово закладываемые пользовательские сценарии, неочевидные UX-решения, упрощающие коммуникацию пользователей с продуктами, и уникальные маркетинг-фичи, уместные в тематике финансов:

Переходим к аналитике целевой аудитории. Чтобы на 100% понять боли и точно нащупать запрос ЦА, нужно перенять ее картину мира и именно через эту призму прорабатывать сайт. Кроме традиционных социально-демографических параметров, препарируем каждый сегмент в контексте страхов, внутренней философии и приоритетов, жизненных ценностей, уровня мышления, факторов принятия решений и психологии поведения в цифровой среде. Когда информация из всех открытых источников — научных исследований, статей, отчетов о рыночных трендах — изучена, «внедряемся» в закрытые криптосообщества и общаемся с потенциальными юзерами фэйс-ту-фэйс. Такой подход позволяет не просто получить портреты аудитории на 360°, но и сформировать фокус-группу для будущих тестов.

Итак, пользователь, на которого ориентируемся:

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

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

Если кто-то вам скажет, что архитектура с первого раза ложится в макеты — знайте, он недоговаривает. Пользовательский опыт — гибкая история, которая тестится и допиливается перманентно. Наш UX-ер мастерски детектит нарушения в логике, правит закономерности, прогоняет новый паттерн через User Flow и только после этого продолжает разработку прота.

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

Ключевые тезисы — в заголовки, информационные блоки — в короткие этапы и шаги. Топ возражение — безопасность данных и средств. Как отработать? Дать максимум инфы, подкрепленной осязаемыми доказательствами, и разработать отдельную страницу, целиком посвященную безопасности сервиса. Еще один страх «не понимаю, как пользоваться — лучше и не буду». Решение? Отдельно отрисовать блоки с визуальным отображением интерфейса, где ключевые действия буквально разложены на этапы, а логика взаимодействия с элементами дополнительно иллюстрируется анимированными переходами.

Finally, прототипы с логичным расположением блоков, элементов и текстов — done. Можно дизайнить? В других агентствах — возможно, в Ninen — только после юзабилити теста на фокус-группе (зря что ли наш маркетолог две недели заводил полезные знакомства в клубе криптоэнтузиастов после работы). Тестируем прототипы на реальных пользователях и переходим к UI-исследованию.

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

Результаты формируют основу системы дизайна — кастомного документа Ninen, задающего правила и принципы визуальной стратегии сервиса.

Дальше — прорисовка вариантов дизайн-концепций главного экрана aka настоящий челлендж для нашего UI спеца. Инновационный продукт заказчика не имеет очевидного физического воплощения. Как показать процесс перевода завещанных денег эстетично и при этом понятно? Не мыслить шаблонно! У вдохновения нет границ: идеи для вариантов концепций черпаем в пинтересте, на всех возможных проф и околопрофессиональных ресурсах, в картинных галереях и даже в фильмах. В итоге презентуем заказчику аж 9 концепций в разных стилистиках, обжигаемся, но запоминаем: мокапы со скринами интерфейсов — кринж, поэтичная, но при этом технологичная и понятная ассоциация с перемещением транзакций по планете — лайк.

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

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

Соблюдая выбранную стилистику, последовательно отрисовываем все 7 страниц сайта.

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

Полноценная страница FAQ — для превентивного закрытия потенциальных возражений будущих пользователей и раскрытия сложных для понимания вопросов.

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

Страница «Безопасность». Как вы помните, одно из ключевых возражений ЦА — безопасность личных данных и финансов. Чтобы комплексно его закрыть, разрабатываем отдельную страницу, через которую передаем всю серьезность подхода к обеспечению безопасности юзеров: независимые аудиты, контроль доступа и проверка учетных записей, проведение регулярных тестов. И все это — с релевантными скриншотами и иллюстрациями, анимированными иконками, ассоциативными примерами и цветовыми акцентами на ключевых смыслах.

Resourses. Эта страница выполняет сразу 2 функции. Пользователи — получают доступ к ежемесячным отчетам по результатам работы сервиса. SEO-специалист — может писать ТЗ на 500+ ключевых слов для лучшего продвижения сайта в поисковой выдаче.

Контакты — куда без них.

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