ウィリーズ英語塾様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

お客様は、他にはない独自の学習メソッドをお持ちのため、旧サイトでは「塾の特徴」に組み込まれていた「学習メソッド」を切り離し、独立したページを設けることで訴求を高めました。さらに、塾ならではの学習メソッドを図式化しわかりやすく表現することで、ユーザーに直感的に認識していただけるデザインにしております。

今回、メインビジュアルに使用しているユーザー目線の動画は有料素材ではなく、お客様側でオリジナルに作成していただいております。お打ち合わせの際に、複数の動画を分割したデザイン構成をご提案させていただくことで、オリジナル動画のデザイン性がさらに高まり、ホームページに映える魅力的なメインビジュアルになりました。

PC用サイトでは、画面が大きいという特徴を考慮し、各コンテンツを横幅いっぱいに大きく表現することで、ゆとりのあるデザインにいたしました。さらに、生徒の方に向けて、マイページへの動線をページ上部・下部それぞれに配置することで、サイトに訪れた生徒様が最短の動線で授業を受けられるよう、ユーザビリティの高い設計を行っております。

また、「情報が分散されていて、重要なコンテンツに辿り着きにくかった」旧サイトの設計・デザインを一新いたしました。具体的には、主要コンテンツである「学習メソッド」をメインビジュアルのすぐ下に配置することで、訴求したいポイントをユーザーがすぐに認識できるよう、コンテンツの優先順位順に合わせた設計を行っております。

モバイル用サイトでは、仕事で英会話が必要なため「ビジネス英会話を学びたい」会社員の方や、子供の英語学習、英検対策に「オンライン英語塾を探している」主婦の方など、特に個人ユーザーをメインターゲットに設定いたしました。そのため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストとして設計しております。

ユーザーに情報を効率よく閲覧していただくため、モバイル用サイトでは、メインビジュアルのすぐ下に「コース・料金」「お客様の声」の2つの重要なコンテンツへの動線を目立つように配置しております。学習メソッドの図式をスマートフォンからでも見やすい縦長のデザインで表現しているほか、ポイント部分を色付きの下線でマークアップすることで、情報を直感的に認識していただけるよう表現いたしました。

また、ＣＶ率向上の対策としましては、主要コンテンツとなる各コースページの情報を充実させ、ランディングページのようにCVまでの「流れ」を意識してコンテンツを配置いたしました。そのため、ユーザーが求める情報がまとまっており、より多くのCVを獲得しやすい設計となっております。

デザイン面では、全体的に適度な余白バランスを意識し、すっきりとしたデザインにいたしました。落ち着いた淡いカラーをベースに、アクセントとしてえんじ色を使用することで、メリハリのあるデザインを意識しております。

また、アルファベットの見出しを大きく配置し、強調したいポイントには横方向のアニメーションを取り入れることで、「見やすさ」と「トレンド感」を両立させたデザインにいたしました。リニューアル後は「要望に対して真摯に応えていただき、担当の方には大変感謝しています」と喜びの声をいただいております。

システム面では、お客様は非常に多くの講師数を管理されているため、ブラウザ上で簡単に更新していただける「講師紹介CMS」を取り入れました。実際の授業の様子をイメージしやすいよう、講師ごとに「自己紹介動画」を掲載しているほか、「コース×並び順」での絞り込み機能を搭載することで、ユーザーの目的に合った講師をスムーズにお選びいただけるシステムにしております。また、各講師の紹介が個別ページ化されることで、Googleからの評価も高まりやすく、SEO対策としても非常に効果的なコンテンツとなりました。

お客様はHP運用コンサルティングサービスにご契約いただいているため、専任のマーケティング担当が、設計の段階から本公開後の運用までSEO対策をさらに強化する施策をご提案させていただいております。さまざまな視点から綿密なSEO対策を行ったため、リニューアル後1ヶ月で、集客したいキーワードの検索結果で1ページ目に表示されるようになりました。さらに、サイト内の情報が見やすく整理されたことで「平均PV数」「滞在時間」「直帰率」といったアクセスの質も好調に高まっているため、SEO対策で集客したユーザーに興味を持って閲覧していただけるサイト構成になっております。