三重県教育機関ホームページ制作事例

2024-10-11

コンテンツ

1 はじめに
2 三重県立四日市西高校様
3 進学塾ISM様

はじめに

教育機関のホームページ制作事例を探している方に向けて、2つの参考事例を紹介します。生徒さんや保護者が直感的に情報にアクセスできる使いやすいデザインはもちろん、学校、塾の特色や教育理念を伝えるコンテンツを効果的に配置しています。また、モバイル対応を強化し、どのデバイスでも快適に閲覧できるように最適化しました。本事例では、親しみやすく、かつ信頼感を与えるデザインと、未来志向の教育機関にふさわしい最新の技術を活用したWebサイトを紹介します。

三重県立四日市西高校様

三重県立四日市西高等学校様の既存ホームページを全面リニューアルするプロジェクト。「学校行事の更新をこまめにしていきたい」「入試情報や部活情報も充実させたい」というご要望で、先生と生徒が自分たちでリアルタイムに更新できるよう、カテゴリーを充実させたブログ機能をwordpressにて実装しました。また、受験生や保護者の方々が必要な情報をより見つけやすく、分かりやすく提供できるような導線の確保をし、入試に関する最新情報や学校の特色、教育方針、カリキュラム内容などを充実させ、四日市西高等学校の魅力を感じていただけるようなデザインを考案。
先生方、生徒さんたちが発信したい内容と、たくさんあるコンテンツの中からユーザーが知りたい情報を、見つけやすくわかりやすいよう構築しました。また、スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境を整えました。

PC版
三重県立四日市西高等学校

スマホ版
三重県立四日市西高等学校

進学校でありながら、生徒会を中心に力を入れている学校行事や、熱心な部活動が特徴的な四日市西高校様。その活動記録を充実させたい！たくさんあるカテゴリーをいかにわかりやすく分類するかを、先生方と相談しながら実現した形態となりました。図書室や各部活の紹介はクライアント様が使いやすいようカスタム投稿の機能を実装し、日々の更新はブログ機能にて。ブログ更新はそれぞれこまめに行なっていただいており、動きのあるホームページです。

＜カスタム投稿事例＞
▼部活動ページ各部のボタンからカスタム投稿ページへ
三重県立四日市西高等学校

▼カスタム投稿ページは部ごとに更新できるよう、項目にテキストを入力するだけで更新可能なシステムを構築。他の部を誤って編集してしまわないようそれぞれにアカウントを付与させていただきました。
三重県立四日市西高等学校

＜ブログ投稿事例＞

▼最新のブログ記事をトップページに３件ずつ表示。カテゴリーがたくさんあるため、日々の活動記録を「Daily School Life」、学校からのお知らせを「Information」とし、よりアクセスしてもらえる仕組みに。この仕様は現役の生徒さんたちからの声から実現しました。
三重県立四日市西高等学校

クレジット
三重県立四日市西高等学校
三重県四日市市桜町6100
https://424hs.jp/
Direction & Design / 都映里
Photo & Movie / 西岡友幸
Coding / Bee Design Works

進学塾ISM様

三重県伊勢市にある「進学塾 ISM（イズム）」様には、ホームページのリニューアルをご依頼いただきました。小学生から高校生までの講座があり、ぎっしり詰まっていたコンテンツの整理をし、サイトマップを作成。誰に向けて発信するのか、どんな人にとってわかりやすく見やすくあればよいのか、どんな人に見てもらいたいのか、それらに重点を置きました。また、講師の皆さまが長年ずっと続けてきたコラム（ブログ）は消すことなく、新しいホームページへと移行。その後も続けていくためword pressのブログ機能を実装し、カテゴリーでしっかりと分ける工夫を施しました。更新は、先生方からテキスト原稿をお預かりし、弊社にて。ブログだけでなく、ホームページの更新、インスタグラムの運営も定額サービスをご利用いただいております。
先生方、生徒さんたちが発信したい内容と、たくさんあるコンテンツの中からユーザーが知りたい情報を、見つけやすくわかりやすいよう構築しました。また、スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境を整えました。

※フルスクリーンでの閲覧が推奨サイズです。
https://ism-ise.jp/

まず第一に、在校している塾生や保護者の方々にとって、時間割や年間スケジュール、お知らせなどにアクセスしやすいこと。そして、入塾を検討している方々にとって、たくさんある情報の中から、知りたい情報を見つけやすいこと。それでいて、進学塾ISM様の特徴が、伝わりやすいデザインにすること。念入りに社内で議論を重ね、仕組みづくりに時間をかけました。ボタンやフロートメニューの使い方、配置など、ユーザビリティーを意識したホームページです。また、ISM様では先生方の「講師ブログ」が毎月2〜3件ある他、特別講習や、イベントなども随時行われているので、フレッシュな情報をいち早くお届けできるよう、ブログとインスタグラムの両面からアプローチしています。

クレジット
進学塾ISM
〒516-0074　三重県伊勢市本町7-3 ISMビル
https://ism-ise.jp/
Direction & Design / 都映里
Photo & Movie / 西岡友幸
Coding / Bee Design Works

BEE DESIGN WORKS CO.,LTD.