Назад
DV

DV. Web app

Crypto / Fintech • Роль: UX/UI / Product Designer • Период: 2023–2025

1. Контекст проекта

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

Продукт проектировался для:

  1. 1 Владельцев онлайн-проектов
  2. 2 Команд без глубокой крипто-экспертизы
  3. 3 Разработчиков, которым важна быстрая интеграция

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

2. Моя роль и команда

Зоны ответственности:

  1. 1 Проектирование UX-архитектуры продукта
  2. 2 Формирование ключевых пользовательских сценариев
  3. 3 Проработка сложных финтех-состояний и статусов
  4. 4 Дизайн интерфейсов web-приложения
  5. 5 Работа с edge-case сценариями

Взаимодействие:

  1. 1 Владелец продукта — постановка бизнес-целей и приоритетов
  2. 2 Backend-разработка — API, логика транзакций, статусы
  3. 3 Frontend-разработка — реализация интерфейсов
  4. 4 DevOps / Blockchain-специалисты — кошельки, сети, транзакции
  5. 5 QA-инженеры — тестирование сценариев, состояний и edge-кейсов
  6. 6 Аналитики — формирование гипотез, продуктовых и UX-метрик

3. Цели проекта

Бизнес-цели:

  1. 1 Снизить порог входа в использование криптоплатежей
  2. 2 Упростить интеграцию криптоплаты в проекты
  3. 3 Сократить количество ошибок при настройке
  4. 4 Создать архитектуру с потенциалом масштабирования

Пользовательские цели:

  1. 1 Быстро подключить криптоплату
  2. 2 Понимать состояние платежей и средств
  3. 3 Управлять балансами без глубоких технических знаний
  4. 4 Минимизировать ручные операции

4. Исследования и продуктовые инсайты

Так как DV.net создавался с нуля, исследования не опирались на готовую пользовательскую базу продукта. Аналитический этап был построен на комбинации внутреннего опыта, анализа рынка и поведенческих наблюдений.

Источники исследований:

  1. 1 Внутреннего использования криптоплатежей
  2. 2 Анализа существующих криптомерчантов и финтех-решений
  3. 3 Обратной связи от разработчиков и команд
  4. 4 Наблюдений за ошибками и вопросами пользователей

Ключевые пользовательские барьеры:

  1. 1 Криптоплатежи сложны концептуально, а не интерфейсно
  2. 2 Пользователь не хочет разбираться в блокчейне
  3. 3 Основная точка отказа это этап первичной настройки
  4. 4 Отсутствие понятных статусов снижает доверие
  5. 5 Большинство криптопродуктов перегружены интерфейсно

Выявленные пользовательские барьеры:

  1. 1 Сложность первичного входа в продукт
  2. 2 Перегрузка интерфейса технической информацией
  3. 3 Отсутствие четкого разделения сценариев
  4. 4 Непрозрачные статусы операций
  5. 5 Высокая стоимость ошибки при неверных действиях

Продуктовые инсайты:

  1. 1 UX должен строиться вокруг сценариев, а не функций
  2. 2 Любая сложная операция должна быть разложена на управляемые шаги
  3. 3 Статусы и состояния важнее деталей реализации
  4. 4 Настройки должны быть разделены на базовые и расширенные
  5. 5 Продукт должен масштабироваться без изменения базовой логики

Выводы аналитического этапа:

  1. 1 Продукт должен быть scenario-driven, а не feature-driven
  2. 2 Сложность системы скрывается за простой логикой взаимодействия
  3. 3 Прозрачность состояний напрямую влияет на доверие
  4. 4 UX-архитектура снижает операционные и финансовые риски
  5. 5 Криптопродукт может быть интуитивным без потери контроля

5. Аудитория и поведенческий контекст

Ключевые сегменты аудитории:

  1. 1 Владельцы онлайн-проектов (non-tech)
  2. 2 Разработчики и технические специалисты
  3. 3 Команды и предприниматели в high-risk нишах

Поведенческие особенности:

  1. 1 Пользователь заходит в продукт с конкретной задачей
  2. 2 Толерантность к ошибкам крайне низкая
  3. 3 Пользователь не изучает интерфейс, он действует
  4. 4 Частые проверки статуса
  5. 5 Разный уровень глубины использования

6. Ключевые сценарии и решения

Сценарий 1. Быстрая настройка

Задача

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

Контекст

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

Проблемы

  1. 1 Сложные онбординги с техническими терминами и перегрузкой шагов
  2. 2 Непонимание, что обязательно для старта, а что можно настроить позже
  3. 3 Высокий порог входа для нетехнических пользователей
  4. 4 Риск ошибки при первичной настройке (URL, Webhook, API)

Гипотезы

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

Решение

  1. 1 Реализован пошаговый мастер быстрой настройки (wizard)
  2. 2 Каждый шаг решает одну конкретную задачу (URL проекта, Webhook/API, процессинг)
  3. 3 Четкое разделение: обязательно сейчас / можно настроить позже
  4. 4 Возможность пропустить шаг и вернуться к нему позже
  5. 5 Ясные тексты без перегруза техническими деталями
Сценарий 1. Быстрая настройка — шаг 2
Сценарий 1. Быстрая настройка — Webhook & API
Сценарий 1. Быстрая настройка — процессинг

Результат

  1. 1 Снижен порог входа для новых пользователей
  2. 2 Пользователь быстрее доходит до рабочего состояния продукта
  3. 3 Уменьшено количество ошибок на этапе первичной интеграции
  4. 4 Основа для scenario-driven продукта: сначала ценность, потом детали

Сценарий 2. Управление аккаунтом

Задача:

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

Контекст:

DV.net используется как инфраструктурный сервис. Пользователь может иметь несколько проектов, но при этом: один баланс, один аккаунт и общие системные настройки.

Проблемы:

  1. 1 В крипто-сервисах часто путаются настройки аккаунта и проекта
  2. 2 Пользователь не понимает, где управлять балансом, а где интеграцией
  3. 3 Нет прозрачности по состоянию системы и версии продукта

Гипотезы:

  1. 1 Разделение уровней Account / Project снизит когнитивную нагрузку
  2. 2 Account-level экран должен отвечать на вопросы: «Кто я?» → «Сколько средств?» → «Система работает?»
  3. 3 Пополнение и системный статус должны быть доступны без перехода в проекты

Решение:

  1. 1 Общий баланс платформы
  2. 2 Данные аккаунта (логин, статус)
  3. 3 Информация о версии системы и обновлениях
  4. 4 Единое пополнение аккаунта через криптокошельки
  5. 5 Быстрый доступ к расходам и истории
Сценарий 2. Управление аккаунтом

Результат:

  1. 1 Четкое разделение ответственности: аккаунт vs проекты
  2. 2 Снижен риск ошибок при работе с балансом
  3. 3 Пользователь быстрее ориентируется в системе
  4. 4 Аккаунт воспринимается как платформа, а не набор экранов

Сценарий 3. Dashboard

Задача:

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

Контекст:

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

Проблемы:

  1. 1 Разрозненные данные по проектам и кошелькам
  2. 2 Сложно быстро понять, где есть проблемы (недостаток баланса, лимиты, ошибки)
  3. 3 Критические состояния теряются среди вторичной информации

Гипотезы:

  1. 1 Если агрегировать данные по всем проектам на одном экране, снизится время реакции
  2. 2 Если визуально выделять состояния (ok / warning / critical), пользователь быстрее принимает решения
  3. 3 Если действия будут доступны прямо с dashboard, снизится количество лишних переходов

Решение:

  1. 1 Реализован агрегированный dashboard мерчанта (не отдельного проекта)
  2. 2 Вынесены ключевые блоки
  3. 3 Визуальные статусы и рекомендации (пополнить, распределить, приостановить)
  4. 4 Быстрые действия прямо из карточек (возобновить, перейти, посмотреть детали)
Сценарий 3. Dashboard

Результат:

  1. 1 Пользователь за один экран понимает текущее состояние всей системы
  2. 2 Сокращено время выявления проблемных зон
  3. 3 Dashboard стал операционной панелью, а не просто витриной данных

Сценарий 4. Проекты и настройка проекта

Задача:

Дать пользователю простой и безопасный способ создавать, управлять и настраивать проекты (мерчанты), не погружаясь сразу в сложную технику и API.

Контекст:

DV.net — криптовалютный мерчант, где один аккаунт может обслуживать несколько проектов (сайтов / магазинов). Пользователи — разработчики, владельцы продуктов и технари, которым важно:

  1. 1 Быстро создать проект
  2. 2 Получить API-ключи
  3. 3 Настроить вебхуки
  4. 4 Не сломать продакшен

Проблемы:

  1. 1 В большинстве мерчантов проекты перегружены настройками
  2. 2 API, Webhook и ключи часто разбросаны по разным экранам
  3. 3 Высокий риск ошибок (не тот URL, не тот ключ, утечка доступа)
  4. 4 Нет четкого разделения: что обязательно сейчас, а что можно позже

Гипотезы:

  1. 1 Проект должен быть самостоятельной сущностью, изолированной от аккаунта
  2. 2 Настройки стоит разделить на базовые и расширенные
  3. 3 API и Webhook — ключевые точки, их нужно сделать максимально прозрачными
  4. 4 Пользователь должен видеть и контролировать интеграцию, а не «настраивать вслепую»

Решение:

  1. 1 Реализован центр управления проектами с быстрым созданием и списком всех проектов
  2. 2 Проект разделен на вкладки: — Основное (API-ключи, Webhook, базовая интеграция) — Расширенные настройки (дополнительные параметры без перегруза новичка)
  3. 3 Безопасная работа с ключами
  4. 4 Вебхуки вынесены в явный блок с возможностью тестирования
  5. 5 Быстрые действия: создать платеж, архивировать проект, посмотреть историю
Сценарий 4. Проекты и настройка проекта — экран 1
Сценарий 4. Проекты и настройка проекта — экран 2

Результат:

  1. 1 Пользователь понимает, как устроена интеграция с первого экрана
  2. 2 Сокращено время от создания проекта до первого платежа
  3. 3 Снижено количество ошибок при настройке API и Webhook
  4. 4 Проекты масштабируются без хаоса
  5. 5 Интерфейс подходит и для быстрых запусков, и для сложных интеграций

Сценарий 5. Трансферы

Задача:

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

Контекст:

DV.net — это криптовалютный мерчант с высокой операционной нагрузкой:

  1. 1 Параллельно выполняются десятки и сотни транзакций
  2. 2 Операции проходят через несколько этапов обработки
  3. 3 Возможны задержки, ошибки сети, нехватка ликвидности или ресурсов

Проблемы:

  1. 1 Пользователь не понимает, почему транзакция «зависла»
  2. 2 Нет разделения между ожидающими, выполняемыми и завершенными операциями
  3. 3 Сложно отличить критические ошибки от временных состояний
  4. 4 Высокая когнитивная нагрузка при большом объеме операций
  5. 5 Отсутствие ясной связи между статусом операции и действиями системы

Гипотезы:

  1. 1 Если разделить все операции по стадиям жизненного цикла, пользователю будет проще ориентироваться в системе
  2. 2 Если статус операции будет описан человеческим языком, а не техническими терминами — снизится количество вопросов и ошибок
  3. 3 Если визуально отделить успешные, проблемные и ожидающие операции, пользователь сможет быстро оценивать состояние системы

Решение:

  1. 1 Все трансферы были разделены на три логических блока: 1) Задачи в очереди 2) Выполняется в данный момент 3) Выполненные задачи
  2. 2 Статусы сформулированы в терминах процесса, а не блокчейн-жаргона
  3. 3 Цветовая кодировка для быстрого сканирования списка
  4. 4 Группировка по состояниям вместо бесконечной ленты событий
  5. 5 Возможность быстро перейти от общего обзора к деталям конкретной операции
Сценарий 5. Трансферы

Результат:

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

Сценарий 6. Горячие кошельки

Задача:

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

Контекст:

DV.net — криптовалютный мерчант, работающий с большим потоком платежей. Горячие кошельки используются как основной рабочий слой между:

  1. 1 входящими платежами
  2. 2 процессингом
  3. 3 трансферами
  4. 4 биржами и холодными кошельками

Пользователи — не криптоэнтузиасты, а бизнесы и разработчики, которым важно:

  1. 1 видеть актуальные балансы
  2. 2 быстро реагировать на нехватку средств
  3. 3 не допускать ошибок при ручном управлении

Проблемы:

  1. 1 Большое количество кошельков делает контроль балансов сложным
  2. 2 Пользователи не понимают, какие кошельки перегружены, а какие простаивают
  3. 3 Отсутствие визуальных сигналов приводит к ошибкам и задержкам платежей
  4. 4 Работа с адресами и ключами потенциально опасна без чёткой структуры
  5. 5 Нужна высокая прозрачность без перегруженного интерфейса

Гипотезы:

  1. 1 Пользователю важнее операционное состояние, а не технические детали
  2. 2 Балансы должны читаться на уровне «достаточно / недостаточно»
  3. 3 Кошельки стоит группировать по валютам и состоянию
  4. 4 Любые потенциально опасные действия должны быть вынесены отдельно
  5. 5 Управление должно быть возможно как массово, так и точечно

Решение:

  1. 1 Реализован единый экран управления горячими кошельками
  2. 2 Балансы сгруппированы по валютам с агрегированным отображением
  3. 3 Добавлены фильтры и поиск по адресам
  4. 4 Реализованы статусы кошельков (в очереди, активны, долгие ожидания)
  5. 5 Действия повышенного риска вынесены в отдельную зону
  6. 6 Добавлены визуальные маркеры для быстрой оценки состояния системы
Сценарий 6. Горячие кошельки

Результат:

  1. 1 Пользователь видит полную картину по горячим кошелькам за один экран
  2. 2 Снижено количество ошибок при управлении средствами
  3. 3 Упрощена работа с большим количеством кошельков
  4. 4 Повышена скорость принятия решений при высокой нагрузке
  5. 5 Интерфейс остаётся понятным даже для пользователей без глубокого криптобэкграунда

Сценарий 7. Биржи

Задача

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

Контекст

DV.net используется как криптовалютный мерчант и процессинг. Пользователи (мерчанты, сервисы, онлайн-проекты) принимают платежи в разных криптовалютах и сталкиваются с операционными проблемами:

  1. 1 Средства накапливаются в разных сетях и валютах
  2. 2 Ручной обмен и вывод занимают время
  3. 3 Высокий риск ошибки при работе с API бирж
  4. 4 Сложно масштабировать финансовые операции

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

Проблемы

  1. 1 Подключение биржи через API часто сложно и непонятно для не-технических пользователей
  2. 2 Пользователи не понимают, какие данные нужны и в каком порядке
  3. 3 Автообмен и автовывод — критически чувствительные операции
  4. 4 Нет прозрачности: что подключено, куда и по каким правилам выводится

Гипотезы

  1. 1 Если разбить подключение биржи на понятные логические шаги, пользователь сможет настроить интеграцию без помощи поддержки
  2. 2 Если разделить сценарии (подключение / автообмен / автовывод), снизится когнитивная нагрузка
  3. 3 Если визуально показывать активные правила и их статус, пользователь будет больше доверять системе
  4. 4 Если система заранее объясняет, что именно произойдет, это снижает страх ошибок

Решение

Был реализован отдельный сценарий «Биржа», включающий:

  1. 1 Подключение биржи — Пошаговый ввод API-данных (ключ, секрет, passphrase, IP) — Подсказки и инструкции прямо в интерфейсе — Четкое отображение статуса подключения
  2. 2 Автообмен — Отдельный блок настройки автоматического обмена активов — Логика «что → во что → при каких условиях» — Отделение настройки от фактического выполнения
  3. 3 Автовывод — Настройка правил вывода по валюте, сети и минимальной сумме — Явное отображение активных правил — Возможность включать/отключать правила без удаления

Вся логика построена scenario-driven: пользователь сначала понимает зачем, потом что именно он настраивает, и только потом вводит данные.

Сценарий 7. Биржи — экран 1
Сценарий 7. Биржи — экран 2

Результат

  1. 1 Вся логика построена scenario-driven: пользователь сначала понимает зачем, потом что именно он настраивает, и только потом вводит данные
  2. 2 Пользователь может подключить биржу и настроить автоматические операции без участия поддержки
  3. 3 Финансовые операции стали масштабируемыми и предсказуемыми
  4. 4 Интерфейс подходит как для технических, так и для нетехнических пользователей

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

7. Результаты проекта

DV.net — криптовалютный мерчант, спроектированный и реализованный с нуля для работы с высоконагруженными и финансово-критичными сценариями.

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

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

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

Ключевые результаты проекта:

  1. 1 Реализован полноценный криптовалютный мерчант с нуля, без редизайна существующих решений
  2. 2 Сформирована сценарная архитектура продукта вместо набора разрозненных функций
  3. 3 Снижен time-to-value за счёт пошаговой быстрой настройки и логичного онбординга
  4. 4 Чётко разделены уровни: аккаунт, проекты и финансовые операции
  5. 5 Автоматизированы критичные процессы: приём платежей, управление горячими кошельками, автообмен и автовывод через биржи
  6. 6 Интерфейс снижает риск пользовательских ошибок при работе с крупными суммами

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

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

8. Вывод

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

В контексте криптоплатежей пользователь ожидает не «сложную систему», а понятный и предсказуемый инструмент, который позволяет быстро встроить оплату, контролировать потоки средств и минимизировать операционные риски.

Основные выводы проекта

  1. 1 В fintech- и криптопродуктах пользователь мыслит сценариями и состояниями системы, а не отдельными экранами или настройками
  2. 2 Быстрый и прозрачный onboarding критичен для снижения порога входа и начала реального использования продукта
  3. 3 Чёткое разделение уровней (аккаунт → проекты → операции) снижает когнитивную нагрузку и ошибки при управлении средствами
  4. 4 Понятные статусы транзакций, балансов и процессов напрямую влияют на доверие к продукту
  5. 5 Scenario-driven архитектура позволяет масштабировать продукт без усложнения пользовательского опыта
  6. 6 Финансовые интерфейсы должны быть реактивными и объяснять, что происходит с деньгами, в каждый момент времени

Этот кейс отражает мой подход к продуктовым и fintech-системам: сценарный UX, ориентация на реальные пользовательские задачи, снижение сложности за счёт архитектуры и фокус на прозрачности, скорости и управляемости продукта.