子ども向け英語・英会話スクールのランディングページを制作

ネイティブのような英語力を身につける土台学習「フォニックス」の訴求

いきなり英語を学ぶのではなく、英語圏と同じように英会話の土台となる「正しく音を聞ける・言える力」を養う『フォニックス』の習得を重視しています。本ランディングページでは、フォニックスとは何か？フォニックスを学ぶことでどのような英語の技能をマスターできるか？といったことがページを訪れた方にわかりやすく伝わるようにご紹介しています。特に実際の学習の様子がイメージしやすいように動画を多く活用したり、写真を効果的に使うなどの工夫を行うことで、ページ全体を通じて、楽しく学べるWinBeの魅力が伝わるような構成・デザイン制作を行なっています。

• 「楽しく学べる」ことをコンセプトにデザイン制作
• ファースビューを中心に動画を活用して、実際の学習風景が想起しやすい設計に
• 文字文字しく説明的な印象にならないようにビジュアルやテキストの見せ方を工夫
• 親近感を持ってもらうため、手書き感のある素材を活用
• デバイスごと（スマートフォン/PC）に最適化したデザイン設計
• ロゴのカラーである紫を起点にしたカラーリング設計
• 写真を効果的に活用するビジュアルで直感的に伝わるデザインに
• アクションの促しやすさを考慮したボタン・ナビゲーションのUIデザイン

• サービスのイメージがしやすいようにファーストビューに動画を配置
• 発音の違いを分かりやすく示すためにクリックやタップによって音声を再生
• スクロールを促すためにページ内ナビゲーションメニューを設置
• 情報に一覧性を持たせるため、スライダーコンテンツを実装
• コンテンツをコンパクトに収めるため、アコーディオンを実装
• 画像サイズの調整による高画質ディスプレイへの対応