フロントエンド開発UIデザイン内製化支援運用支援STEAM教材小学生向け販促コンテンツクイズEJSSCSSTypeScript
未来★世界エクスプローラー!
©Benesse Corporation

概要
【概要】探究心を刺激する、体験型デジタルコンテンツ
ベネッセコーポレーション様の夏休み特別企画として制作。世界や未来への関心を育むため、「未知の世界を巡る」ワクワク感を、空間移動を想起させる上下スクロールUIとゲーミフィケーションを融合させて表現しました。
【ポイント1】 継続来訪を促すゲーミフィケーション設計
・バーチャル探検UX: 画面をスクロールするごとに次々と現れる展示ブースを巡るような演出により、能動的な探検体験を提供。
・収集・コンプリート要素: 毎日1つずつ解放される「問い」に回答するとデジタルカードを獲得できる仕組み。夏休み期間中の継続ログインと、全ミッション制覇への意欲を強力に後押ししました。
【ポイント2】 実績あるツールによる安定運用
本プロジェクトでは、動的なコンテンツ更新を確実に行うため、すでに他案件で多くの運用実績があった自社開発のWebサイト生成ツール「Triceratops(トリケラトプス)」を導入しています。
・確実かつ効率的なマスタ管理: 多数のクイズ内容や公開日時設定を、使い慣れたExcel形式のマスタで一元管理。
・検証済みの自動出力フロー: 「Triceratops」ツールにより、入力データを即座にサイト設定ファイル(JSON)へ変換。エンジニアを介さずお客様で自在にカスタマイズできる体制を構築し、ミスを抑えたスピーディな運用を実現しました。
ギャラリー






