▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した、学習塾管理者向け生徒情報管理ツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
URL（開発、本番環境及び製品版へはアクセス出来ないのでXDデザイン画面になります。）：https://xd.adobe.com/view/3c670c34-2a58-40fd-bd91-4a8c27d92e2c-6934/
対応内容：キービジュアルデザイン・UIUXデザイン・アイコンデザイン・モックアップ制作・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、学習塾管理者向け生徒情報管理ツールUIUXデザインを担当いたしました。以下の特性を持つ生徒向け学習ツールとの連動を踏まえ、学習塾管理者がLMSを通じて「学習者の登録・削除」「学習の進捗状況」「テスト結果」「アカウントの管理」「クラス・講座・グループ・コース・学校情報などの管理」などを円滑に行えるUIUXデザインを心掛けました。
① 学習をインプットする短い映像授業
② 学習をアウトプットするwebテスト
③ 疑問を解決する即時のONL質問対応
④ 学習を継続させるコーチングメソッド・駿台ビッグデータでの進路指導データ
⑤ 中期的進捗確認の模擬試験
⑥ ICTでの大学情報・入試情報提供
① 学習をインプットする短い映像授業
② 学習をアウトプットするwebテスト
③ 疑問を解決する即時のONL質問対応
④ 学習を継続させるコーチングメソッド・駿台ビッグデータでの進路指導データ
⑤ 中期的進捗確認の模擬試験
⑥ ICTでの大学情報・入試情報提供
エンド企業様の仕様策定基準・開発環境・デザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIUXデザインを行いました。装飾的要素を極力省き、フラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、学習塾管理者のユーザー体験を常に念頭に置きつつ、動的画面UIに対する要望反映を心掛けました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、学習塾管理者のユーザー体験を常に念頭に置きつつ、動的画面UIに対する要望反映を心掛けました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向け生徒学習コーチングツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
URL（開発、本番環境及び製品版へはアクセス出来ないのでXDのデザイン画面になります。）：https://xd.adobe.com/view/26a3a445-2b50-4a70-a3fc-857cbfa54371-73f0/
対応内容：キービジュアルデザイン・UIUXデザイン・アイコンデザイン・モックアップ制作・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、塾管理者向け・生徒の学習をコーチング・管理するツールのUIUXデザインを担当いたしました。
仕様策定基準・開発環境・デザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。「ログイン」「エラー」「受講コース」「学習内容」「学習の進捗状況」「指導状況」「サービスへの登録状況」「単元別の習熟度合い」「学習の達成度合い」「コース別の正答率」などの情報についての管理が円滑に行えるよう、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIUXデザインを行いました。装飾的要素を極力省き、フラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、学習塾管理者のユーザー体験を常に念頭に置きつつ、動的画面UIに対する要望反映を心掛けました。
システムの性質を表現するキービジュアルデザインを行い、各ページについては文字量が多いため、導線・ユーザビリティを考慮しつつ、生徒へのコーチングを担当する管理者のUXを念頭に置き適切なナビゲーションとなるよう、UI UXデザイン・カラーバランスに配慮しました。
仕様策定基準・開発環境・デザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。「ログイン」「エラー」「受講コース」「学習内容」「学習の進捗状況」「指導状況」「サービスへの登録状況」「単元別の習熟度合い」「学習の達成度合い」「コース別の正答率」などの情報についての管理が円滑に行えるよう、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIUXデザインを行いました。装飾的要素を極力省き、フラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、学習塾管理者のユーザー体験を常に念頭に置きつつ、動的画面UIに対する要望反映を心掛けました。
システムの性質を表現するキービジュアルデザインを行い、各ページについては文字量が多いため、導線・ユーザビリティを考慮しつつ、生徒へのコーチングを担当する管理者のUXを念頭に置き適切なナビゲーションとなるよう、UI UXデザイン・カラーバランスに配慮しました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向けの受験学習コーチングツールキービジュアルデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：キービジュアルデザイン・UIデザイン
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、塾管理者向け受験学習コーチングツールのキービジュアルデザインを担当いたしました。
「学習進捗、確認テストや模試成績・正答誤答データを専属担任が管理単元別習熟度をもとに、志望校に合わせた確実な弱点克服ができる」「管理者と生徒の両方が閲覧出来る」と言う性質を考慮して、コーチと生徒とが写っているイメージを用いてデザインしました。
「学習進捗、確認テストや模試成績・正答誤答データを専属担任が管理単元別習熟度をもとに、志望校に合わせた確実な弱点克服ができる」「管理者と生徒の両方が閲覧出来る」と言う性質を考慮して、コーチと生徒とが写っているイメージを用いてデザインしました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向け生徒学習情報のタブレット版管理ツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIUXデザイン・モックアップ制作
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、と連動した、学習塾管理者向けの生徒学習情報管理ツール（タブレット版）UIUXデザインを担当いたしました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向け生徒学習情報のタブレット版管理ツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIUXデザイン・モックアップ制作
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、と連動した、学習塾管理者向けの生徒学習情報管理ツール（タブレット版）UIUXデザインを担当いたしました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向け生徒学習情報のタブレット版管理ツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIUXデザイン・モックアップ制作
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、と連動した、学習塾管理者向けの生徒学習情報管理ツール（タブレット版）UIUXデザインを担当いたしました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング企業様・学習塾向け指導パッケージにおける、ラーニングアナリティクスとしてLMS（学習管理システム）・LRS（学習履歴データベース）と連動した学習塾管理者向け生徒学習情報のタブレット版管理ツールUIUXデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIUXデザイン・モックアップ制作
ご依頼背景とデザインする上で気を付けた事：教育DX新規事業としての学習塾向け指導パッケージにおける、LMS（学習管理システム）・LRS（学習履歴データベース）と連動した、と連動した、学習塾管理者向けの生徒学習情報管理ツール（タブレット版）UIUXデザインを担当いたしました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
各生徒が端末を通じて受講した映像授業やテスト・講座の受講などの情報を管理し、「生徒情報」「学習の進捗状況」「生徒の対応に対する評価」「グループやクラスの設定」「運用組織の管理」「生徒の学習記録情報の管理」などについて、塾教室内でタブレットを持ちながら操作する管理者のユーザー体験を念頭に置き、機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUI UXデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングとの整合性にも、配慮しました。
使用ツール：Figma・Adobe Illustrator