フロントエンド開発ReactTypeScriptUIデザイン内製化支援運用支援国語教材英語教材算数教材プログラミング教材幼児向け小学生向け販促コンテンツ
チャレンジタッチ1ねんせい入学準備講座
©Benesse Corporation

概要
【概要】一人ひとりに最適化した体験で、入学前の期待感を最大化
「チャレンジタッチ1ねんせい」4月号予約者を対象とした、小学校入学準備を支援するWEBコンテンツ。一人ひとりの契約状況や学習の進捗に合わせたレコメンド機能により、初めての小学校生活への不安を解消し、4月号本開講への期待感と学習意欲を高める役割を担いました。
【ポイント1】 個々の状況に寄り添う「パーソナライズ・ナビゲーション」
・学習状況に応じたレコメンド: 契約状態やレッスンの取組状況を判別し、キャラクターが今やるべき最適なコンテンツを提案。無理なく、楽しみながら入学準備を進められる設計です。
・迷わせないUI/UX: 日毎の初回起動時に、その日に取り組むべきメインコンテンツをポップアップでお知らせ。低年齢層のユーザーでも迷わず学習をスタートできる導線を構築しました。
・生活習慣までカバーする多角的体験: 教科だけでなく、学校生活(トイレ、給食、通学路など)のルールもアニメーションで提供し、情緒面でのサポートも実現しています。
【ポイント2】 複雑な条件分岐を支えるツールの活用とミス防止策
お客様一人ひとりで異なる「契約状態×学習コース×進捗」という複雑な表示条件を、確実かつ効率的に管理・検証する仕組みを構築しています。
・表示ロジックのフォーマット化: 複雑な出し分け条件をパターン化し、1つの外部設定ファイル(JSON)で制御。ユーザー属性に最適化された画面表示をシステム的に実現しました。
・実績あるツールでの安定運用と検収支援: 運用実績が豊富な自社開発のWebサイト生成ツール「Triceratops(トリケラトプス)」を適用。
・直感的なマスタ管理: 使い慣れたExcelマスタで複雑な条件設定を一元管理し、ワンクリックで設定ファイルを出力可能です。
・ローカルプレビュー機能: 本番公開前にブラウザで確認できる「プレビュー機能」を導入。ミスを未然に防ぎ、担当者が安心してスピーディーに作業できる環境を整えました。
ギャラリー







