みんなの塾様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

ユーザビリティを高めるため、PC用サイトではメインコンテンツにメガメニューを採用し、ページ上部に固定表示しております。さらに生徒や校舎のサムネイル付きで配置することで、ユーザーがそれぞれのコースや校舎を視覚的にすぐ認識していただけるように導線を配置しております。

リクエストの一つとして「デザイン性の高いサイトにしたい」というご要望をいただいたため、各コースにテーマカラーを設定いたしました。それにより、視覚的にコースを認識でき、見やすさとデザイン性を両立したサイトに仕上げております。今回、ホームページ内のほとんどの原稿は専門ライターがZOOMによるヒアリングのもと一から作成しており、SEO対策により多くの集客とCV獲得を目的としたWebサイトとなっております。

小学生から高校生まで長く通える塾を探している方から、仕事終わりにご自宅で学び直しをされたい方まで、特に生徒の親である40～50代の女性をメインターゲットに設定しております。そのため、スマートフォンとPCの使用比率を9：1と想定し、モバイルファーストとして設計しております。

モバイル用サイトでは、メインビジュアル下に主要コンテンツへの動線を配置いたしました。そのため、ハンバーガーメニューを開く動作を省略でき、ユーザーがワンタップで目的のコンテンツへ遷移できる設計となっております。また、いつでもすぐにお問い合わせしていただけるよう、ページ下部のフッターに無料相談ページへのリンクバナーを設置しております。合格体験記やお客様の声など複数のコンテンツを表示する箇所は横スクロールで表示し、スマートフォンで見ても情報が整理されていて、各ページを最後まで見やすいデザインにいたしました。ほかにも、色付きの下線でポイント部分をマークアップすることで、重要な情報を直感的に認識していただけるよう表現しております。

また、メインコンテンツであるコースページや校舎ページから直接お問い合わせしていただけるよう、ユーザーが知りたい情報を１ページに集約しております。校舎ページでは専用のインデックスを設置し、校舎ごとのお知らせや写真付きの講師紹介、学習環境を掲載するなど、ユーザーに安心感を持っていただけるようコンテンツ内容を充実させました。ほかにも、料金のお得感を伝えるため、月額料金から一回あたりの費用を算出するなど、お客様のサービスの魅力を引き出しＣＶを高めるための工夫を施しております。

デザイン面では、全体的に動画を多く使用することでトレンド感と信頼感を表現いたしました。メインビジュアルの動画をはじめ、アルファベットを動画で切り抜くなど、強調したいポイントに効果的に動きをつけることで、効率よく視認性を上げる工夫をしております。

さらに、メインビジュアルで生徒の満足度を、選ばれる理由ではお客様のコンセプトを押し出しております。また、ポイントとしてアイコンや切り抜き写真を取り入れ、縦書きのアルファベットを配置することで、塾の楽しさや居心地の良さが伝わるよう工夫いたしました。リニューアル後は「もともと時期によって波があった新規の問い合わせがボトムアップされて、採用の応募も増えました」と喜びの声をいただいております。

システム面では、ブログにWordpressを、お知らせや合格体験記、お客様の声にはCMSを取り入れることで、お客様がブラウザ上で簡単に更新していただけるよう設計しております。そのため、リリース後も継続してコンテンツを増やすことができ、SEOの強化とCVをアップさせるためのツールとしてご活用いただけます。

SEO強化のため、コースや校舎ごとに独立したページを新設することで、集客に繋がるエリア関連のキーワードが上位表示されるように設計いたしました。お知らせ、お客様の声、合格体験記のCMSで作成したコンテンツをそれぞれの校舎ページに表示させることで、情報量が豊富になり、ユーザーにとっても必要な情報が伝わるCVしやすい構成になっております。お客様はHP運用コンサルティングサービスにご契約いただいているため、専任のマーケティング担当がSEO対策用のブログの内容や構成を都度ご提案し、作成したブログ内容のチェックをさせていただくことで、リニューアル後に自然検索からの流入もアップしております。