Разработка UX/UI криптокошелька: онбординг, безопасность, мультичейн

Проектируем и разрабатываем блокчейн-решения полного цикла: от архитектуры смарт-контрактов до запуска DeFi-протоколов, NFT-маркетплейсов и криптобирж. Аудит безопасности, токеномика, интеграция с существующей инфраструктурой.
Показано 1 из 1Все 1305 услуг
Разработка UX/UI криптокошелька: онбординг, безопасность, мультичейн
Средний
~1-2 недели
Часто задаваемые вопросы

Направления блокчейн-разработки

Этапы блокчейн-разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1374
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1256
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    965
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1208
  • image_logo-advance_0.webp
    Разработка логотипа компании B2B Advance
    667
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    954

Криптокошельки — самые требовательные к UX приложения в Web3. Ошибка при подтверждении транзакции может стоить тысяч долларов. Мы разрабатываем интерфейсы, которые одновременно интуитивны для новичков и мощны для опытных пользователей. Наш подход основан на анализе поведения пользователей и учёте специфики блокчейна: высокие комиссии, необратимость транзакций, разнообразие сетей.

По данным исследований, 70% пользователей бросают онбординг криптокошелька из-за сложности seed phrase. Мы решаем эту проблему с помощью паттерна: объяснить до показа, показывать по одному слову (или по 4), попросить ввести 2–3 слова для проверки, запретить скриншоты и хранение в облаке. Для embedded-кошельков онбординг сводится к входу через email или Google.

Какие проблемы решает грамотный UX

Адреса и их отображение. Ethereum-адрес — 42 символа hex. Пользователи не читают их целиком, а сравнивают первые и последние символы. Решение: показывать checksum-адреса (EIP-55), использовать визуальные идентификаторы (blockies), кнопку копирования с обратной связью, QR-коды. Checksum адрес снижает риск typosquatting на 80%.

Подтверждение транзакций. Экран подтверждения — самый критичный. Он должен показывать получателя (ENS или адрес с иконкой), сумму в токенах и USD, комиссию в долларах, а не в gwei, ожидаемое время подтверждения. Предупреждения о взаимодействии с контрактом обязательны. Использование адресной книги и тестовых транзакций для новых адресов снижает ошибки отправки до 90%.

Управление газом. Большинство не понимает gas. Используем три режима: Slow (дёшево, медленно), Normal (рекомендуемый), Fast (быстрое включение). Для опытных — кастомный режим с полями maxFeePerGas и maxPriorityFeePerGas. Оценка газа обновляется автоматически каждые 10–15 секунд. Отображение комиссии в долларах, а не в gwei, уменьшает число отменённых транзакций в 2 раза.

Как мы делаем онбординг безболезненным?

Создание seed phrase — самый стрессовый момент. Мы применяем паттерн: объяснить до показа, показывать по одному слову (или по 4), попросить ввести 2–3 слова для проверки, запретить скриншоты и хранение в облаке. Для embedded-кошельков (без seed phrase) онбординг сводится к входу через email или Google. Конверсия онбординга при таком подходе повышается на 40%.

Обязательные компоненты дизайн-системы web3

Компонент Назначение
AddressInput Валидация адреса + разрешение ENS
TokenAmount Отображение с конвертацией в USD
TransactionItem История с деталями
NetworkBadge Иконка и название сети

Параметры системы: сетка 4px, радиус 8px (карточки 16px), шрифт Inter или системный, цветовая палитра Primary/Destructive/Warning/Success.

Процесс работы: от исследований до деплоя

  1. Исследование конкурентов и user flow mapping для 2–3 блокчейнов (Ethereum, Polygon, Arbitrum). Анализируем типичные точки отказа.
  2. Создание wireframes и прототипов в Figma с низкой детализацией. Проводим пользовательское тестирование на 5–10 респондентах.
  3. Высокодетальные макеты экранов: онбординг, баланс, транзакции, настройки, мультичейн-переключение.
  4. Разработка дизайн-системы с design tokens (цвета, типографика, отступы) и компонентами для разработки.
  5. Прототип для user testing и итерации по результатам.
  6. Передача в разработку с полной документацией, code-ready assets и гайдом по анимации.

Сроки проекта — от 3 до 5 недель для типового кошелька. Стоимость рассчитывается индивидуально после анализа объёма экранов и функциональности.

Что входит в работу

Мы передаём полный пакет: Figma-файлы с дизайн-системой, документацию по каждому компоненту, гайд по анимации, code-ready assets (SVG, PNG), обучение команды разработки и поддержку на этапе внедрения.

Типичные ошибки в дизайне криптокошельков

  • Отсутствие предупреждений о контрактных вызовах.
  • Отображение комиссии в gwei вместо долларов.
  • Скрытие seed phrase после создания без проверки.
  • Использование только цвета для сигналов (P&L без +/-).
  • Игнорирование мобильных жестов (нижняя панель вместо верхней).

Метрики, которые мы улучшаем

Метрика Результат
Конверсия онбординга +40% при тестировании seed phrase по частям
Снижение ошибок отправки до 90% при использовании address book
Сокращение отменённых транзакций в 2 раза за счёт показа газа в USD

Мы занимаемся Web3-дизайном 6+ лет, реализовали 30+ криптокошельков разной сложности — от простых приложений до мультичейн-платформ. Гарантируем поддержку всех современных стандартов (ERC-20, ERC-721, ERC-4337) и использование best practices по безопасности. Получите консультацию по UX/UI криптокошелька — поможем создать интерфейс, которому доверяют. Свяжитесь с нами, чтобы обсудить ваш проект.

Мы разрабатываем криптокошельки под ключ — от custodial-решений для fintech до смарт-контрактных аккаунтов на EIP-4337. 5+ лет на рынке блокчейн-разработки, 40+ реализованных проектов. Разберём, какую архитектуру выбрать под вашу задачу и почему MPC или Account Abstraction решают проблему приватных ключей, которую не смогли закрыть MetaMask и классические HD-кошельки.

Почему классические кошельки опасны для бизнеса?

Seed-фраза в браузерном расширении — единственный способ восстановить доступ. Для розничного пользователя это барьер входа (потерял фразу — потерял деньги). Для корпоративного казначейства — несовместимо с compliance (KYC/AML, ролевая модель, мультиподпись). Любая утечка одного ключа компрометирует все средства. Эти риски заложены в архитектуру, а не в плохой UX.

Мы устраняем их на уровне протокола: MPC-кошельки (ключ никогда не собран целиком), смарт-контрактные кошельки (логика авторизации в коде), аппаратные HSM для институционального хранения. Ниже — детали.

Custodial vs Non-custodial: в чём реальная разница

Custodial — провайдер хранит приватный ключ. Пользователь аутентифицируется через email/password/OAuth. Восстановление тривиально, KYC/AML встроены. Для централизованных приложений с финансовыми операциями — часто единственный регуляторно приемлемый вариант. Риск: single point of failure (взлом Bitfinex — $72M, FTX — $600M+ клиентских средств).

Non-custodial — ключи у пользователя. Провайдер не имеет доступа к средствам. Ответственность за хранение ложится на пользователя. Для 99% людей это нерабочая модель без дополнительной защиты — здесь и приходит MPC.

MPC-кошельки: ключ, которого нет

Multi-Party Computation (MPC) — криптографический протокол, позволяющий нескольким сторонам совместно подписать транзакцию, не раскрывая свои частичные секреты. Приватный ключ никогда не существует в собранном виде.

Стандартная схема: 2-of-3 MPC между пользователем (доля на устройстве), сервером провайдера и резервным облачным хранилищем. Транзакция подписывается двумя любыми из трёх сторон. Телефон потерян — восстановление через сервер + облако. Сервер скомпрометирован — атакующий владеет только одной долей, подпись невозможна.

TSS (Threshold Signature Scheme) — конкретная реализация MPC для ECDSA/EdDSA. Алгоритмы: GG18, GG20, CGGMP21 (последний быстрее и с лучшими security proof). Библиотеки: tss-lib (Go, от Binance), multi-party-sig (Go, от Coinbase), ZenGo-X/multi-party-ecdsa (Rust).

MPC не требует on-chain изменений — для блокчейна подпись выглядит как обычная single-key подпись. Это даёт экономию gas и сохраняет конфиденциальность схемы управления ключами (не публикуется в цепочке) — в отличие от мультисига.

Account Abstraction (EIP-4337): смарт-контракт как кошелёк

EIP-4337 полностью меняет модель: вместо EOA (Externally Owned Account) используется смарт-контракт Account. Логика авторизации — в коде контракта, не в криптографии протокола. Это открывает произвольную логику подписи, социальное восстановление, сессионные ключи, sponsored транзакции и батчинг операций.

Как работает стек EIP-4337:

User → UserOperation → Bundler → EntryPoint contract → Account contract
                                          ↑
                                    Paymaster (optional, pays gas)

UserOperation — новый тип объекта (не L1-транзакция). Bundler собирает UserOps из альтернативного mempool, упаковывает в одну транзакцию и отправляет в EntryPoint. EntryPoint вызывает validateUserOp на Account контракте — Account сам решает, валидна ли подпись.

Практические возможности:

Социальное восстановление. Контракт хранит список guardian'ов (другие адреса или сервис). Потеря ключа — guardians голосуют за замену. Argent использует схему с 2020 года.

Сессионные ключи. Временный ключ с ограниченными правами: взаимодействие только с конкретным контрактом, до определённой даты, до определённой суммы. Для GameFi и dApps — пользователь не подписывает каждую микро-транзакцию.

Paymaster. Сторонний контракт платит газ за пользователя. Паттерн для онбординга: пользователь не держит ETH, газ спонсирует dApp или берётся из ERC-20 токенов.

Реализации: Safe{Core} Protocol, Biconomy SDK (Stackup), ZeroDev (Kernel), Alchemy (Rundler bundler). На Ethereum mainnet, Polygon, Arbitrum, Optimism EntryPoint v0.6/v0.7 задеплоен и активен. Гарантируем совместимость с последними версиями контрактов.

Hardware Security Module для корпоративных кошельков

Для казначейств и институционального хранения: HSM (Hardware Security Module). Ключ генерируется и никогда не покидает защищённый чип. Подпись — внутри HSM. Поддерживается аппаратная аттестация. Используемые решения: AWS CloudHSM, Azure Dedicated HSM, Thales Luna, YubiHSM 2 (для небольших объёмов). Интеграция через PKCS#11 или cloud-specific API.

Комбинация HSM + MPC — оптимальна для институционального использования: ключевые доли хранятся в HSM на разных серверах/юрисдикциях, подпись через TSS. Это обеспечивает соответствие регуляторным требованиям (например, для крипто-кастодианов).

Интеграция с dApps: WalletConnect и стандарты

Любой кошелёк должен уметь взаимодействовать с dApps. Стандарт — WalletConnect v2 (Sign API): QR-код или deep link, peer-to-peer зашифрованный канал через relay сервер. Для браузерных расширений — EIP-1193 (Ethereum Provider API).

На фронтенде используем wagmi + viem — один интерфейс для MetaMask, WalletConnect, Coinbase Wallet, injected providers. Для Account Abstraction — EIP-5792 (wallet capabilities) и EIP-7677 (paymaster service).

Процесс разработки

  1. Threat model — кто пользователь (B2C, B2B, institutional), какие операции, каков допустимый risk model. От этого зависит архитектура.
  2. Выбор и проектирование схемы хранения ключей — MPC, HSM, мультисиг или их комбинация.
  3. Разработка Account контракта (если EIP-4337) или интеграция MPC-библиотеки.
  4. Backend — MPC-координация, управление сессиями, paymaster-сервис (если нужен).
  5. Мобильное/браузерное приложение — UI с интеграцией WalletConnect, биометрии, QR.
  6. Интеграция с dApps — EIP-1193, WalletConnect v2.
  7. Аудит контрактов и криптографических реализаций — обязательный этап. MPC-библиотеки имеют известные уязвимости (GG18 подвержен атаке при malicious participant без abort protocol). Используем библиотеки с актуальными security review (CGGMP21). Опыт прохождения аудитов у Certik, Hacken, Trail of Bits — подтверждаем сертификатами.

Что входит в работу (deliverables)

  • Исходные коды смарт-контрактов (Solidity/Rust) с документацией
  • Backend-сервис MPC-координации (на Go или Rust) с API
  • Мобильное приложение (iOS/Android) или браузерное расширение
  • Интеграция с WalletConnect, Ledger/Trezor (по необходимости)
  • Подготовка к аудиту безопасности (отчёт со списком уязвимостей)
  • Документация администратора и пользователя
  • Доступ к репозиторию, CI/CD, мониторинг (Tenderly, Etherscan API)
  • Обучение вашей команды (2-3 сессии)
  • Поддержка после запуска — 1 месяц

Сроки и стоимость

Тип решения Сроки (рабочие недели)
Custodial с базовым UI 4–8
Non-custodial с MPC-интеграцией 8–16
EIP-4337 Account с paymaster 6–12
Institutional (HSM + MPC + compliance) от 16

Стоимость рассчитывается индивидуально под ваш проект. Оценим за 1 день — напишите на почту или в Telegram. Предоставляем гарантию на код и timeline.

Типичные ошибки при разработке криптокошельков (и как их избежать)

  • Использование устаревших MPC-библиотек — GG18 без abort protocol. Выбираем CGGMP21 или tss-lib с актуальными audit report.
  • Жёсткая привязка к одному блокчейну — не закладывают абстракцию под L2/сайдчейны. Используем viem/wagmi для кросс-чейн.
  • Игнорирование MEV-атак — при использовании мультисига без таймлоков. Добавляем tx simulation (Tenderly) и sandwitching protection.
  • Отсутствие fallback-механизма восстановления — для Account Abstraction не настраивают social recovery. Закладываем с первого релиза.

Устраняем эти грабли на этапе проектирования — под каждый проект составляем threat model и security checklist.

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