WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細

子ども向け英語・英会話スクールの記事LPおよびLP制作/LPOを担当

子ども向け英語・英会話スクールWinBe（やる気スイッチグループさま運営）のLP制作およびLPO支援を行いました。同ブランドの強みであるフォニックス訴求を軸に、記事LPから広告LP、無料体験フォームへつなげる導線を設計し、公開後もLPOで伴走支援を行った結果、記事LPから広告LPへの遷移率は約1.6倍、無料体験フォームへの遷移率は約1.4倍に改善し、CV獲得数も初動の成果から1.7倍に改善しました。

ランディングページのテーマ

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

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

ランディングページのデザインコンセプト

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

ランディングページのコーディング

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

ランディングページの成果

記事LPと広告LPの導線改善により、CV獲得数が前回比1.7倍に増加。LP遷移率・フォーム遷移率も改善。

子ども向け英語・英会話スクールのフォニックス訴求を軸に、記事LPから広告LP、無料体験フォームへつなげる導線を設計しました。公開後は、Googleアナリティクスとヒートマップをもとに、記事LPの読了傾向、広告LPへの遷移率、無料体験フォームへの導線を分析。その結果、記事LPの導入部や広告LP内のコンテンツ配置に改善余地があることが見えてきました。そこで、記事LPの導入部を広告クリエイティブと連動した内容へ変更し、広告LPでは「教室を探す」導線を見直して料金表コンテンツを追加。改修後、記事LPから広告LPへの遷移率は約1.6倍、無料体験フォームへの遷移率は約1.4倍に改善し、CV獲得数も前回比で1.7倍に増加しました。