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

UX/UI криптогаманця — найвибагливіша сфера у Web3. Помилка при підтвердженні транзакції може коштувати тисяч доларів. Ми спеціалізуємося на розробці інтерфейсу криптогаманця — створюємо інтуїтивні інтерфейси для новачків і потужні для досвідчених. Наш підхід ґрунтується на аналізі поведінки користувачів та врахуванні специфіки блокчейну: високі комісії, незворотність транзакцій, різноманітність мереж.

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

Які проблеми вирішує грамотний UX

Адреси та їх відображення. Ethereum-адреса — 42 символи hex. Користувачі не читають їх цілком, а порівнюють перші та останні символи. Рішення: показувати checksum-адреси (EIP-55), використовувати візуальні ідентифікатори (blockies), кнопку копіювання зі зворотним зв'язком, QR-коди. Checksum адреса знижує ризик typosquatting у 5 разів порівняно зі звичайною адресою. Адресна книга крипто значно спрощує роботу.

Підтвердження транзакцій. Екран підтвердження — найкритичніший. Він повинен показувати отримувача (ENS або адресу з іконкою), суму в токенах та USD, комісію в доларах, а не в gwei, очікуваний час підтвердження. Попередження про взаємодію з контрактом обов'язкові. Використання адресної книги та тестових транзакцій для нових адрес зменшує кількість помилкових транзакцій у 10 разів.

Керування газом. Більшість не розуміє gas. Використовуємо три режими: Slow (дешево, повільно), Normal (рекомендований), Fast (швидке включення). Для досвідчених — кастомний режим з полями maxFeePerGas та maxPriorityFeePerGas. Оцінка газу оновлюється автоматично кожні 10–15 секунд. Відображення комісії в доларах, а не в gwei, зменшує кількість скасованих транзакцій вдвічі. Мультичейн гаманець вимагає уніфікованого інтерфейсу для різних мереж.

Як ми робимо онбординг безболісним?

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

Параметри системи: сітка 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 тижнів для типового гаманця. Вартість розраховується індивідуально після аналізу обсягу екранів та функціональності. Вартість типового проєкту — від $15,000 до $25,000, що значно менше, ніж потенційні втрати від неякісного UX.

Що входить в роботу

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

Які типові помилки допускають у дизайні криптогаманців?

• Відсутність попереджень про контрактні виклики.
• Відображення комісії в gwei замість доларів.
• Приховування seed phrase після створення без перевірки.
• Використання лише кольору для сигналів (P&L без +/-).
• Ігнорування мобільних жестів (нижня панель замість верхньої).

Які метрики ми покращуємо?

Ми на ринку 5+ років, виконали 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 — значні втрати, FTX — понад значну суму клієнтських коштів).

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 транзакції та батчинг операцій.

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 місяць

Строки та вартість

Вартість розраховується індивідуально під ваш проект. Оцінимо за 1 день — зв'яжіться з нами. Надаємо гарантію на код та 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.

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