←BACK TO WORKS一覧へ戻る
実案件FeaturedLP
CodeQuest
教育・スクール / LP（ランディングページ）
子ども向けプログラミング教室の集客LP。親の信頼感を軸にしたトップページと、子どもが夢中で遊べるピクセルアート体験ゲームの2ページ構成。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
トップページは信頼感・安心感70%、ポップ・ゲーム感30%の比率で保護者に訴求するデザインに設計し、教室の詳細や実績を丁寧に紹介。一方ゲームページはポップ・ゲーム感100%に振り切り、ピクセルアートの世界観で子どもが夢中になれる体験型UIを実装。SP・PC両対応に力を入れ、親がスマホで閲覧したあとそのまま子どもにパスできる導線を設計した。
背景・課題
サイト訪問者のほぼ全員が保護者である点を起点に、画面の向こうだけでなく現実世界のユーザー行動まで設計した。親がトップページで安心し、ゲームページで子どもがプログラミング的思考を体験し、親子双方が納得して問い合わせに進む——UIと現実の導線を一気通貫でつないだ。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
アニメーション体験ゲームピクセルアートCVR設計レスポンシブ
使用技術
HTMLCSSJavaScriptGSAPPixelArt
CMSなし
フォームなし
アニメーションあり