CG Online Academy
プロの3Dアーティストのオンラインプレゼンスをフルリデザイン。Three.jsによるライブモデルレンダリングと、ビデオレッスン・進捗管理付きのコースプラットフォームを統合。
概要
CG Online Academyは、プロの3Dアーティスト兼教育者のためにリニューアルされたデジタルホームです。旧サイトは、教えている作品の質を反映するビジュアルインパクトが不足していました。モダンなUI、アーティストのキャラクターをブラウザ上で表示するインタラクティブなThree.jsモデルレンダリング、そして学生がビデオレッスンとガイドを購入して学習できるフルコースプラットフォームをゼロから再構築しました。進捗管理機能も完備しています。
変革
クライアントは、スキルレベルを表していない既存のウェブサイトを持って私たちのもとに来ました。旧サイトは古く、ナビゲーションが難しく、訪問者を学生に変換できていませんでした。まず問題点を洗い出し、ブランドアイデンティティを維持しながらすべてのページをゼロから再構築しました。
制作内容
UI/UXの完全リデザイン
CG Onlineウェブサイトをゼロから変革。ビジュアル言語のモダン化、情報階層の改善、アーティストの作品の質を反映するレスポンシブなレイアウトを構築しました。
Three.jsによるライブ3Dモデルビューアー
Three.jsを統合し、アーティストの実際の3Dキャラクターモデルをブラウザ上で直接レンダリング。訪問者はリアルタイムでモデルとインタラクションでき、静止画では伝えられないアーティストの技術の深さを体験できます。
進捗管理付きコースプラットフォーム
コースを購入した学生がサイト上でビデオレッスンと文書ガイドに直接アクセスできるフルコースシステムを構築。進捗はユーザーごとに保存され、中断したところから再開できます。
学生作品ギャラリー
コースを受講した学生が制作した作品を展示する専用ギャラリー。社会的証明として機能し、カリキュラムの実際の成果を実証します。