VueTypeScriptSCSSフロントエンド開発UIデザイン内製化支援運用支援小学生向け
コラショルーム
©Benesse Corporation

概要
【概要】学習習慣を支える「居場所」の構築と愛着醸成
進研ゼミ小学講座(BYOD講座)1・2年生が、日々のレッスン完了後に訪れる常設の体験型コンテンツです。キャラクターとの交流を通じて、学習に対する「求心力」と「自分らしさの発見」を促す、情緒的なデジタル空間を構築しました。
【ポイント1】 低学年の日常に寄り添う、動的な空間演出
・リアルタイムな連動感: 訪問するたびにキャラクターの「声がけ」や「アニメーション」が変化する仕組みを導入。現実の季節に合わせたモチーフの変化と合わせ、キャラクターと同じ世界で過ごしているような没入感を演出します。
・多様なコンテンツ展開: 「ブック・テレビ・ラジオ」の3つのアプローチで、教科書の枠を超えたワクワクを提供。低学年のお子様が飽きることなく、毎日の学習後に進んで訪れたくなる「居場所」を実現しました。
【ポイント2】 更新性を担保する「運用自走型」ツールの提供
常設サイトに不可欠な「鮮度の高い更新」を、お客様で完結できるシステム体制を構築しています。
・テンプレート&自動生成ツール: 全コーナーをテンプレート化。ExcelマスタからJSON設定ファイルを書き出す自社開発のWebサイト生成ツール「Triceratops」により、日々の運用負荷を最小限に抑えています。
・お客様の内製化を支えるプロジェクト作成ツール: 外部コンテンツについても、弊社提供のWebサイト生成ツール「Triceratops」と合わせて使用するプロジェクト作成ツール「Triceratops_project_editor」を活用。お客様の内製チームがエンジニアを介さず自在にカスタマイズできる環境を提供し、運用コストの最適化を支援しています。
ギャラリー








