一度でも「おっ」と思わせたら、
ミッション完了

一度でも「おっ」と思わせたら、
ミッション完了

一度でも「おっ」と思わせたら、
ミッション完了

プロジェクトについて

課題

ユーザー登録とオンボーディングフローにおけるUX/UI最適化

サービスの成長に伴い、新規ユーザーの登録率と

初期利用率が低下していた。
複雑なフォーム、長い入力ステップ、

不明確な導線が原因でユーザー離脱が発生。

課題

  • 登録完了率を改善する

  • 初回オンボーディング体験を簡略化する

  • ユーザーが最初のタスクを作成するまでの時間を短縮する

  • サービス全体の満足度を向上させる

課題の特定

  • 登録フォームのステップ数が多く、離脱率が高い

  • Eメール認証が複雑で一部ユーザーが途中で離脱

  • 初回タスク作成までの導線が不明確

  • スマホ表示におけるUXが不十分

ユーザーフロー

改善前のフローでは、登録から初回タスク作成までに 6ステップ以上 が必要で、

ユーザーが途中で離脱しやすかった。

プロジェクトのステップ

指標分析

サイト訪問データ

全ユーザー

100%

サインイン

8%

スクロール

21%

モバイル

60%

デスクトップ

36%

CJM

ワイヤーフレーム

デザインシステムの一貫性不足

ボタンやフォームなどの

コンポーネントがバラバラで、

開発にも混乱が生じていた。

デザインシステムの一貫性不足

ボタンやフォームなどの

コンポーネントがバラバラで、

開発にも混乱が生じていた。

複雑な登録フロー

生徒用か保護者用かが不明確で、

途中で迷うユーザーが多かった。

複雑な登録フロー

生徒用か保護者用かが不明確で、

途中で迷うユーザーが多かった。

ターゲットに合わないUI

子供にとっては楽しくなく、

保護者にとっては複雑でわかりにくいデザインだった。

ターゲットに合わないUI

子供にとっては楽しくなく、

保護者にとっては複雑でわかりにくいデザインだった。

アクセシビリティ未対応

WCAGに沿っていないため、

弱視のユーザーには利用しづらかった。

アクセシビリティ未対応

WCAGに沿っていないため、

弱視のユーザーには利用しづらかった。

登録 / ログイン画面

登録 / ログイン画面: 必須項目を最小化

登録 / ログイン画面

登録 / ログイン画面: 必須項目を最小化

オンボーディング

チュートリアル短縮、初回タスク作成に直結

オンボーディング

チュートリアル短縮、初回タスク作成に直結

UI要素

モバイルファーストでレスポンシブ設計

UI要素

モバイルファーストでレスポンシブ設計

僕がお手伝いできるお仕事は
ございますでしょうか?

僕がお手伝いできるお仕事は
ございますでしょうか?

僕がお手伝いできるお仕事は
ございますでしょうか?

Create a free website with Framer, the website builder loved by startups, designers and agencies.