川崎学舎様 ホームページ制作

神奈川県川崎市にある少人数制進学塾「川崎学舎」様のホームページ制作を制作しました。

対応範囲

フルリニューアル / 情報設計 / ディレクション / デザイン / 開発 / WordPress構築

URL

https://kawasakigakusya.co.jp/

ご相談の背景

法人化と事業拡大に伴い、より川崎学舎の魅力を訴求する為にホームページをリニューアルしたいというご相談をいただきました。ページボリュームが大きかったため、スケジュールを3段階に分け、優先度の高いコンテンツから順次公開する方式で進行しました。

制作前の課題

・既存はWixの簡易サイトでクオリティに不満があった
・事業拡大に合わせて集客力を強化したい
・ブランドイメージを確立し、川崎学舎らしさの伝わるサイトを作りたい

制作時の目標

・川崎学舎らしさ（少人数制・個性と成長を大切にする姿勢）が自然と伝わる情報設計とデザインにする
・認知拡大とお問い合わせ数増加につながる導線設計とコンテンツ設計で、成果に直結するサイトを構築する

ホームページ公開後の反応

・お問い合わせ数が体感で約2倍に増加！（公開前後の同条件比較ベース）
・川崎学舎の理念、価値観に共感した保護者様からのお問い合わせが増加

設計上の工夫

ファーストビュー（FV）

川崎学舎の様子の画像をスライドショーで見せ、空気感が一目で伝わるデザインに。
画像をホバーすると色が変化し、それがリンクへと変化。直感的にクリックできるような仕様にしました。

オリジナルキャラクター「ガクシャ君」

川崎学舎のマスコットキャラクター「ガクシャ君」を作成しました。
キャッチーで親しみ感のある可愛らしい雰囲気で、学んでいる様子をイメージしたイラストを複数作成しました。

ロードマップ風のデザインで6年間の歩みを可視化

各学年の学習段階をロードマップ風のデザインで図解にしました。
ガクシャ君のイラストとも結びつけ、遊び心のあるデザインに。

講座一覧

https://kawasakigakusya.co.jp/course/

まとめ

川崎学舎様が重視するのは、受験のためだけの学びではなく、将来を自分の頭で考え、自ら学び続ける力。そのために少人数制で一人ひとりにしっかり向き合う体制をとっています。
今回のリニューアルでは、その想いと魅力が伝わる表現にこだわり、Webデザイン／構築させて頂きました。公開後はお問い合わせの増加など、効果も実感して頂けました！