back

Kanoe Wallet dApp

Проект · Figma

О продукте

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

Процесс

1. Анализ: конкурентный анализ, персоны, CustDev, брейншторм; UserStory, CJM, структура и фичи.
2. Прототипирование: карта функционала, UserFlow, экраны; вайрфреймы, прототипы, интерактив, UX-копирайтинг.
3. Проектирование: анализ рефов и сборка UI; анализ токенов (states/components/variables) и генерация дизайн-системы; интерактив в Figma, кликабельный прототип, микро-анимации; презентация заказчику через Figma-линк.
4. Тестирование: A/B-тесты фич и сценарии; оценка стейкхолдерами, коридорное тестирование; фиксы по обратной связи.
5. Релиз: публикация лендинга и dApp; сопровождение контентом в соцсетях; первая лидогенерация и мониторинг; фиксы и обновления по активности.

UX

Механика наследования

dApp Crypto Inheritance:

flowchart TD A[Start Inheritance Process] --> B[Setup Crypto Inheritance Plan] B --> C[Define Private Key and Seed Storage] C --> D[Select Beneficiaries] subgraph "Inheritance Creation and Setup" B C D end D --> E[Create Smart Contract for Inheritance Rules] E --> F[Define Conditions for Asset Access] F --> G["Enable Secure Storage (Cold Wallets, Digital Vaults)"] subgraph "Beneficiary Selection and Asset Management" E F G end G --> H[Assign Executor with Crypto Expertise] H --> I["Initiate Inheritance Execution Process Upon Trigger (e.g., Death)"] I --> J{Is Trigger Verified?} J -->|Yes| K[Execute Smart Contract for Asset Transfer] J -->|No| L[Hold Assets Until Verified] K --> M[Transfer Assets to Beneficiaries] M --> N[End Process] L --> J

UI

WalletConnect

flowchart TD A[Open dApp] --> B[Initiate Wallet Connect] B --> C[Select Wallet Provider] C --> D{Is Wallet App Installed?} D -->|Yes| E[Open Wallet App] D -->|No| F[Redirect to Install Wallet] E --> G[Scan QR Code / Approve Connection] G --> H[Establish Connection] H --> I{Connection Successful?} I -->|Yes| J[Access dApp Features] I -->|No| K[Retry or Cancel Connection] J --> L[Perform Transactions] L --> M[Sign Transactions in Wallet] M --> N[Return to dApp with Signed Transaction] N --> O[Confirm Transaction on Blockchain] O --> P[Complete dApp Interaction]

Выбор наследника

flowchart TD User[User Access] Dashboard[Dashboard Access] NFTAssets[View NFT Assets] SelectNFT[Select NFT for Heir Designation] HeirSelection[Select Heir] DefinePercentage[Define Asset Percentage] ConfirmSelection[Confirm Heir Assignment] Confirmation[Receive Confirmation] ViewHeirs[View Heirs List] User --> Dashboard --> NFTAssets NFTAssets --> SelectNFT SelectNFT --> HeirSelection HeirSelection --> DefinePercentage DefinePercentage --> ConfirmSelection ConfirmSelection --> |Save to Blockchain| Confirmation Confirmation --> |Back to Dashboard| ViewHeirs ViewHeirs --> Dashboard

flowchart TD User[User Access] Register[Register Assets] SetHeirs[Select Heirs] DefinePercentage[Define Asset Percentages] SetConditions[Set Activation Conditions] Timer[Scheduled Timer] AbsenceCheck[User Absence Check] InheritanceTriggered[Trigger Inheritance Process] NotifyHeirs[Notify Heirs] TransferAssets[Transfer Assets to Heirs] Confirmation[Receive Confirmation] User --> Register --> SetHeirs SetHeirs --> DefinePercentage DefinePercentage --> SetConditions SetConditions --> Timer SetConditions --> AbsenceCheck Timer --> InheritanceTriggered AbsenceCheck --> InheritanceTriggered InheritanceTriggered --> NotifyHeirs NotifyHeirs --> TransferAssets TransferAssets --> Confirmation

flowchart TD User[User Access] Dashboard[Access Dashboard] Register[Register Assets] SetHeirs[Select Heirs] DefinePercentage[Define Asset Percentages] SetConditions[Set Activation Conditions] Timer[Scheduled Timer] AbsenceCheck[User Absence Check] InheritanceTriggered[Trigger Inheritance Process] NotifyHeirs[Notify Heirs] TransferAssets[Transfer Assets to Heirs] Confirmation[Receive Confirmation] ModifySettings[Modify Inheritance Settings] ViewHeirs[View Assigned Heirs] LegalCompliance[Ensure Legal Compliance] ReviewConditions[Review Activation Conditions] User --> Dashboard --> Register Register --> SetHeirs SetHeirs --> DefinePercentage DefinePercentage --> SetConditions SetConditions --> Timer SetConditions --> AbsenceCheck Timer --> InheritanceTriggered AbsenceCheck --> InheritanceTriggered InheritanceTriggered --> NotifyHeirs NotifyHeirs --> TransferAssets TransferAssets --> Confirmation Dashboard --> ViewHeirs ViewHeirs --> ModifySettings ModifySettings --> DefinePercentage ModifySettings --> ReviewConditions ModifySettings --> LegalCompliance

flowchart TD User[User Access] Dashboard[Dashboard Access] HeirSelection[Select Heirs] AddHeir[Add New Heir] DefinePercentage[Define Asset Percentage] ConfirmSelection[Confirm Selection] Confirmation[Receive Confirmation] ViewHeirs[View Heirs List] User --> Dashboard --> HeirSelection HeirSelection --> AddHeir AddHeir --> |Set Percentage| DefinePercentage DefinePercentage --> ConfirmSelection ConfirmSelection --> |Save to Blockchain| Confirmation Confirmation --> |Back to Dashboard| ViewHeirs ViewHeirs --> Dashboard

Релиз

• Запуск и активные пользователи: за первый месяц после запуска DAU 1000+.
• Обратная связь: стейкхолдеры отметили удобство интерфейса и интересный контент.
• Оценки: приложение получило высокие оценки и положительные отзывы.

Инструменты

• Figma
• Miro
• Webflow (HTML / CSS / JS)

back