実績に戻る3Dアート & 教育
CG Online Academy
プロの3Dアーティストのウェブサイトを全面的につくり直しました。3Dモデルをブラウザ上でそのまま見られる仕組みと、ビデオレッスンで学べるコース機能を備えています。
WebリデザインThree.jsコースプラットフォーム動画配信進捗管理UI/UX
概要
CG Online Academyは、プロの3Dアーティスト兼講師のために全面リニューアルしたウェブサイトです。旧サイトは、教えている作品の質が伝わるデザインではありませんでした。デザインを一新し、アーティストの3Dキャラクターをブラウザ上でそのまま動かせる仕組みを組み込みました。あわせて、受講生がビデオレッスンとガイドを購入して学べるコース機能をゼロから構築。学習の進み具合も記録されます。
リニューアル前後
ご相談いただいた当時のサイトは、アーティスト本人の実力が伝わるものではありませんでした。デザインは古く、ナビゲーションも分かりづらく、訪問者の受講申し込みにもつながっていませんでした。まず問題点を洗い出し、ブランドアイデンティティを維持しながらすべてのページをゼロから再構築しました。
リデザイン前
制作内容
UI/UXの完全リデザイン
CG Onlineのウェブサイトをゼロからつくり直しました。デザインを刷新し、情報の階層を整理して、アーティストの作品の質に見合うレスポンシブなレイアウトに仕上げています。
3Dモデルをブラウザでそのまま表示
アーティストがつくった3Dキャラクターを、ブラウザ上でそのまま表示します。訪問者は自由に回したり動かしたりできるので、静止画では伝わらない技術力を体感できます。
進捗管理付きコースプラットフォーム
コースを購入した受講生は、サイト上でビデオレッスンと教材をすぐに見られます。学習の進み具合は自動で保存され、中断したところから再開できます。
受講生作品ギャラリー
受講生が制作した作品を展示する専用ギャラリー。カリキュラムの成果が実際の作品として伝わり、受講を検討している人の信頼につながります。