▶ITラーニング専門企業様・塾管理者向け生徒情報管理ツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
URL（開発、本番環境及び製品版へはアクセス出来ないのでXDデザイン画面になります。）：https://xd.adobe.com/view/3c670c34-2a58-40fd-bd91-4a8c27d92e2c-6934/
対応内容：キービジュアルデザイン・UIデザイン・アイコンデザイン・モックアップ制作・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒情報管理ツールUIデザインを担当いたしました。
エンド企業様のUIデザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、基本的にはフラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、動的画面UIに対する要望反映を心掛けました。
エンド企業様のUIデザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、基本的にはフラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、動的画面UIに対する要望反映を心掛けました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング専門企業様・塾管理者向け生徒学習コーチングツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
URL（開発、本番環境及び製品版へはアクセス出来ないのでXDのデザイン画面になります。）：https://xd.adobe.com/view/26a3a445-2b50-4a70-a3fc-857cbfa54371-73f0/
対応内容：UIデザイン・開発用URL作成
対応内容：キービジュアルデザイン・UIデザイン・アイコンデザイン・モックアップ制作・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒情報管理ツールUIデザインを担当いたしました。
エンド企業様のUIデザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、基本的にはフラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、動的画面UIに対する要望反映を心掛けました。
システムの性質を表現するキービジュアルデザインを行い、各ページについては文字量が多いため、導線・ユーザビリティを考慮しつつ、適切なナビゲーションとなるよう、UIデザイン・カラーバランスに配慮しました。
エンド企業様のUIデザインガイドラインに則り、ブランディングと他WEBアプリケーションとの統一性に配慮しました。機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、基本的にはフラットデザインの手法を取り入れつつ、一部UIについてはマテリアルデザイン手法も取り入れ、ユーザビリティ向上を最優先に取り組みました。
開発・実装には CSSフレームワークの Vuetifyが用いられており、エンジニアの方々が混乱しないUIデザインにする事にも留意しました。
開発・本番環境を確認する権限は与えられなかったため、各データ・項目の繋がりや遷移、実際の動作結果については、プロジェクトリーダーやフロントエンドエンジニアからの説明、また顧客を交えての会議内容から理解・把握に努め、動的画面UIに対する要望反映を心掛けました。
システムの性質を表現するキービジュアルデザインを行い、各ページについては文字量が多いため、導線・ユーザビリティを考慮しつつ、適切なナビゲーションとなるよう、UIデザイン・カラーバランスに配慮しました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング専門企業様・塾管理者向け受験学習コーチングツールキービジュアルデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：キービジュアルデザイン・UIデザイン
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け受験学習コーチングツールのキービジュアルデザインを担当いたしました。
管理者と生徒の両方が閲覧出来る、と言う性質を考慮して、コーチと生徒とが写っているイメージを用いてデザインしました。
管理者と生徒の両方が閲覧出来る、と言う性質を考慮して、コーチと生徒とが写っているイメージを用いてデザインしました。
使用ツール：Adobe Illustrator・Adobe Photoshop・Adobe XD
▶ITラーニング専門企業様・塾管理者向け生徒学習管理ツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIデザイン・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒学習管理ツールUIデザインを担当いたしました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング専門企業様・塾管理者向け生徒学習管理ツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIデザイン・開発用URL作成
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒学習管理ツールUIデザインを担当いたしました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。
装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング専門企業様・塾管理者向け生徒学習管理ツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIデザイン
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒学習管理ツールUIデザインを担当いたしました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
使用ツール：Figma・Adobe Illustrator
▶ITラーニング専門企業様・塾管理者向け生徒学習管理ツールUIデザイン
（受託案件：制作期間2023年8月～2024年3月）
（受託案件：制作期間2023年8月～2024年3月）
対応内容：UIデザイン
ご依頼背景とデザインする上で気を付けた事：全国の塾向けに販売される、塾管理者向け生徒学習管理ツールUIデザインを担当いたしました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
機能が分かれる各ページごとについて、メニューやボタンを押下・情報入力した際のUIデザインを行いました。装飾的要素を極力省き、ユーザビリティ向上を最優先に取り組みました。
タブレットUIである事を考慮し、実際に使用される方の操作感・導線を考えながら、見やすく分かり易いナビゲーションを心掛けました。
先行してデザインされていた生徒向けツールUIとの統一性・ブランディングにも、配慮しました。
使用ツール：Figma・Adobe Illustrator