ブロックチェーンウォレット・サービス企画＆プロダクトデザイン
バックアップを手順に沿って進められる案内と、暗号資産の利用経験に応じて手数料を調整できる取引設定を設計しました。
ブロックチェーン決済を、専門知識のない人でも利用できるようにすることが課題でした。資産の送受信だけでも、バックアップ、復元、取引手数料といった不慣れな概念を理解する必要がありました。
リサーチの根拠： 競合ウォレット、記事、書籍、技術資料を調べ、初心者と経験者のペルソナをもとに利用フローを設計しました。
課題の発見 / 技術要件をユーザーのタスクへ
リサーチでは、取引概念のわかりにくさ、バックアップの複雑さ、状態表示の不足が見られました。これらを個別画面の修正ではなく、プロダクト設計で解く課題と捉えました。
資産の保管・送信をわかりやすく案内しながら、経験者には詳細な取引設定をどう提供するか。
競合サービスと記事・書籍・技術資料を調査し、ウォレット、バックアップ、アドレス、取引の画面を比較ボードに整理しました。初心者と経験者のペルソナをもとに、必要な案内と設定の細かさを分けました。
ペルソナ
利用経験、取引時の判断基準、必要な案内を整理するために作成した架空のプロフィールです。
「手順を理解して、正しく完了できたか知りたい。」
段階的なバックアップ案内と完了表示を用意。基本モードでは、速度の選択肢と手数料をあわせて表示します。
「取引内容を確認し、手数料を自分で調整したい。」
同じ送信フロー内で詳細モードに切り替え、取引内容を確認しつつスライダーで手数料を調整できるようにします。
発見初心者は、資産を管理・送信する段階でブロックチェーンの概念も理解しなければなりませんでした。
問題の定義技術知識を先に求めず、資産の確認や送信といった身近な行動から始められないか。
設計方針資産と取引履歴を区別しやすいウォレット画面を構成し、送信・受信への導線を設けました。
発見調査では、複雑なバックアップ手順と不明瞭なフィードバックが課題として挙がりました。
問題の定義バックアップの方法を説明し、完了したことも明確に伝えるには。
設計方針復元フレーズの操作を段階的に案内し、メイン画面ではバックアップが必要な状態と完了した状態を区別しました。
発見両者とも送信時に取引速度と手数料を選ぶ必要がありました。
問題の定義簡単な選択と細かな調整を、同じ送信フローでどう両立するか。
設計方針基本モードでは速度の選択肢を、詳細モードでは微調整できるスライダーを提供しました。
企画スケッチで作成・復元、バックアップ、資産確認、送受信、取引状態をつなぎました。手数料選択と詳細モードのメモには、課題を実際のフローと画面に落とし込む過程が残っています。
プロダクト構造 / オンボーディングと資産確認
オンボーディングで製品とウォレットの概念を紹介し、トークンカードで資産を区別。資産詳細に残高、送受信ボタン、取引履歴を配置し、バックアップと取引を始めるための構造を整えました。
01 / バックアップの手順と完了状態
競合分析とデスクリサーチで、バックアップの複雑さと状態案内の不足を確認しました。中核機能だからこそ、方法だけでなく完了も明確に伝える必要があると判断しました。
フロー内では復元フレーズの保存・確認方法を、メイン画面ではバックアップの要否を表示。作業後も状態を確かめられるよう、手順と結果をつなぎました。
実行前は警告とBack Upボタン、完了後はBacked upを表示。具体的な操作を示す文言、単語の順序選択、入力の進捗で各段階を案内しました。
完了前警告とBack Upボタンで、バックアップが必要なことを伝えます。
完了後ウォレット概要のBacked up表示で完了を伝えます。
02 / 利用経験に応じた取引設定
初心者と経験者の双方を想定し、それぞれの経験に応じて取引速度とガス代を選べる必要がありました。
基本モードではLow・Medium・Fastとガス代を提示。詳細モードではスライダーで直接調整できるようにしました。経験によって必要な操作の細かさが異なるためです。
どちらも同じ送信フローで利用できます。金額と宛先を確認しながら、基本モードでは速度を選択し、詳細モードでは手数料を調整します。
2画面は、下の全体UIシートから該当箇所を拡大したものです。
サービスフローと全画面デザイン
作成・復元から取引、バックアップ、設定までを設計。復元はフレーズと秘密鍵の2経路に、取引は確認・パスワード入力・完了の段階に分けました。
作成と復元新規作成と既存ウォレットの復元を分け、復元にはフレーズまたは秘密鍵を使う経路を設けました。
送信と完了取引確認、パスワード入力、完了を分け、各段階の進行を案内しました。
ビジュアルシステム / 色・文字・コンポーネント
パレット、Poppins、ボタン、ナビゲーション、資産一覧、ウォレットカードを定義。主要機能、残高、バックアップ状態を一貫して表現しました。
コンポーネントシートには送受信ボタン、無効状態、復元方法、バックアップ前後のカードを収録。最終UIとともに、各画面に適用したビジュアル基準を示しています。
製品モックアップ
Output / Result · 成果物と結果
作成・復元・バックアップ・送受信を設計し、20画面と共通のビジュアル基準にまとめました。
01 / SERVICE FLOW
作成・復元・取引・バックアップをつなぐ利用フローを整理しました。
02 / SCREEN PLANNING
状態表示、段階的な案内、基本・詳細モードの手数料設定を設計しました。
03 / PRODUCT DESIGN
ウォレットUIと販促デザインを制作しました。サービスは独自トークン、Bitcoin、Ethereumに対応していました。
デザインとユーザーリサーチに加え、Google Analyticsの活用とP2Pサービスの企画も経験しました。
現在、サービスは終了しています。当時設計した利用フローと成果物を紹介しています。