教室のHP、在籍者への案内も載せたい。入会前の人と読み分ける見出し

教室のHP、在籍者への案内も載せたい。入会前の人と読み分ける見出し

記事
デザイン・イラスト
教室のHPに、入会を考えている方への説明と、在籍中の方への予定案内を一緒に載せたい。そんなときは、別ページにするかを決める前に「誰が、何を確認する案内か」を分けてみましょう。
同じページに載せる場合も、対象が切り替わる場所を見出しで示すと、情報のまとまりを考えやすくなります。

全体の中で、読む人が変わる場所を見る


school-full.png

制作例

アトリエ いろのわの「通い方と費用」ページには、入会金・月謝・教材費、曜日と時間枠、制作時間の案内が続き、その下に「在籍中の予定確認」があります。
通い始める前に知りたい条件と、在籍中に繰り返し確認する情報を、一つのページの中で分けた構成です。

入会前の人には、通えるかを考える情報を


hp1-fees.png

制作例

上部では「月謝だけでなく、教材費も、ひと目で。」という見出しの下に費用がまとまっています。拡大画像は入会金と月謝の部分で、教材費は全体画像の同じ並びにあります。入会を検討する人には、まず通う条件を確認できるまとまりが必要です。

ここへ在籍者だけが知っている連絡事項を混ぜると、初めて読む人には「自分にも関係する条件なのか」が分かりにくくなることがあります。費用の説明と今月の連絡を交互に並べるより、内容と対象がそろう単位でまとめる方法が向きます。

在籍者への案内は、対象を言葉で示す


hp1-members.png

制作例

下部の見出しは「在籍中の予定確認」です。英字のFOR MEMBERSだけに任せず、日本語でも誰向けかを示しています。

ただし、見出しを付ければ案内がすべて整うわけではありません。この画面では「予定の案内」という同じ名前のリンクが二つ並んでいます。別の資料へ進むなら、対象月や内容を区別できる名前にする余地があります。実際の行き先を確認してから、読む人が選べる表示に整えます。

依頼時には「在籍者向けの欄を作りたい」に加えて、そこで何を確認してほしいかまで伝えると、見出しとリンク名を具体化できます。

情報が増えるなら、ページを分ける方法も


案内が少なく、費用や通い方と一緒に確認してもらいたいなら、同じページ内で分ける方法が候補になります。在籍者向けの資料や連絡が多いなら、専用の案内ページへまとめるほうが扱いやすい場合もあります。

どちらの場合も、一般公開してよい内容と、個別に届ける内容は先に確認します。「在籍者向け」と見出しを付けるだけで、閲覧を制限できるわけではありません。ログイン機能などが必要な場合は、ページ制作とは分けて相談します。

制作相談に使える3項目メモ


・読む人と、それぞれに確認してほしいこと:__
・共通で載せる情報と、対象別に分けたい情報:__
・公開してよい資料と、案内先・リンク名の確認事項:__

HP制作では、支給情報を整理し、見出しや読みやすさを調整してページにまとめます。現在の案内文とこのメモを添えて、同じページ内で分けるか、別ページが必要かをご相談ください。必要な機能も含め、購入前に制作範囲を確認します。

HP制作サービスはこちら

サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す