オンライン学習サービスのLP・アプリUI設計

制作動画

設計上の課題

初めてサービスを見る人への紹介と、学習・質問・通話を行うアプリの操作、運営側の管理画面は、それぞれ役割が異なります。これらを一つの画面に詰め込まず、利用場面に応じて整理することが設計上の課題でした。

制作の目的

アプリを初めて見る人に、何ができるか、どう使うか、どこから始めるかを伝えること。機能の紹介だけでなく、利用の流れとダウンロード導線を一つのLPに整理することが設計上のテーマでした。

画面と操作のつながり

アプリ画面、ビデオ通話の利用シーン、イラストという異なる入口から、同じサービスを紹介するLPを検討しました。アプリUIでは学習情報の確認、質問、通話の操作を整理し、管理画面は利用者向け画面とは役割を分けています。

具体的な設計判断

• LPではアプリ画面、ビデオ通話の利用シーン、イラストという3種類の入口を検討しました。採用順や比較テストの成果を示すものではありません。
• 利用の流れとダウンロードへの入口をLPにまとめ、学習情報の確認、質問、通話の操作はアプリUIとして設計しました。
• 管理画面は利用者向けUIと役割を分け、関連する別の制作物として紹介しています。

制作資料

LPのワイヤーフレームと、PC・タブレット・スマートフォンの表示を検討したデザイン資料を制作しました。関連するアプリ紹介素材と管理画面UIも、LPとは別の制作物として掲載しています。

制作物

紹介LPの3バージョン、ワイヤーフレーム、学習・質問・通話のアプリUI、関連する管理画面UI。