学習アプリUI/UX（非公開案件）

💡

※非公開案件のため案件内容の変更とサンプルを掲載しています。

オンライン動画学習アプリのUI/UXデザインを担当しました。

クライアントから共有された初期イメージをもとに、類似・競合サービスを調査し、ユーザーが学習時に必要とする情報や操作を整理。FigmaでUIデザインを制作しました。

クライアントから提示された初期案では、演奏動画→フォーカスしている楽器の表示→音量メーターを順番に確認する必要があり、情報を把握するまでに複数の視線移動が発生していました。
（マイナーな楽器名の場合、動画内で演奏されている楽器と表示されている楽器名を照らし合わせる必要があるため。）

そこで、要件に入っていた各楽器の音声を個別に再生できる機能と波形表示を組み合わせ、楽器名を確認しなくても音の状態とあわせて直感的に把握できるUIを提案しました。

初期イメージ：

今後の教材の追加にあたり、キーワード検索・タグ検索・教材提供者による絞り込みを提案。
目的の教材へアクセスしやすい構成にしました。

クライアントが予算確保に向けて制作物の完成イメージや機能を出資者に説明するため、実際の操作を想定したアニメーション映像をLive2D（※）で制作しました。

※ 当時のAdobe PremiereやFigmaでは再現しにくいアニメーションがあったため、プロジェクトディレクターにLive2Dでの制作を提案しました。