本文へジャンプ

2022.05.18

ピア高等部様 コーポレートサイト

東京都町田市にある、学校法人南陵学園 和歌山南陵高等学校 ピア高等部様のWebサイトをリニューアルいたしました。

ピア高等部様Webサイトへ

Webサイト制作のポイント

今回Webサイトを制作させていただくにあたり、主に以下の4点に注力いたしました。

  • ・ご入学をご検討されている方が、必要な情報にわかりやすく辿りつける導線設計
  • ・スマートフォンやタブレットでも見やすいデザイン設計
  • ・学校案内パンフレットとの掲載内容の統一
  • ・TOPページのファーストビューから最新の学校説明会・イベントの案内へ遷移できる

はじめての訪問者でもわかりやすい導線設計

多種多様な授業・講座内容をわかりやすくグループ化し階層に分けて掲載することで、ユーザーを迷わせない導線設計を実現しました。

また、全ページのCTAのデザインでは、ユーザーの状況(新入学、転入・編入)ごとに必要な情報を得たのち、「資料請求・お問い合わせ」「学校見学・個別相談」2つのCVポイントに、わかりやすく辿りつけるような設計を意識しております。

保護者様・生徒様のみならず、中学校の先生からの生徒の進学に関するよくある質問・気になるポイントに対応できるよう、「中学校の先生向け」の情報提供ページも新設いたしました。

スマートフォン・タブレットからの閲覧を踏まえたデザイン

スマホ・タブレットそれぞれのデバイスの表示サイズに対応して最適化されるデザインで設計しております。

昨今Googleでは、レスポンシブWebデザインの使用を推奨しており、SEO対策(サイトの検索上位表示)のためにもレスポンシブデザインが必要です。

メインビジュアルから「学校説明会・イベント案内」に遷移可能

ピア高等部様では、定期的に中学生向けに「学校説明会・イベント」を開催されています。

メインビジュアルに、「最新の学校説明会・イベント」のボタンを設置し、ピア高等部様に興味がある方が、ぱっと見てすぐに情報にたどり着ける設計にしました。

合わせて、毎月の情報更新時の作業負担ができる限り少なくすむよう、内部設計も工夫しております。

プロジェクト内容

URL :https://peer-ac.jp/

業界・業種 : 学校

ジャンル : コーポレーサイト

対応デバイス : PC/タブレット/スマートフォン

内容 : 企画/デザイン/実装

担当者
ディレクション  吉田多真実
情報設計     吉田多真実
デザイン     志村令華
コーディング   志村令華
CMS構築     志村令華

福田大輔

この記事を書いたライター

代表取締役 福田 大輔

カテゴリー一覧