#教育・学校

半田工業高等学校

半田工業高等学校同窓会様（愛知県半田市）

制作の目的・背景

Webに関する専門知識がなくても、先生方が無理なく更新できること。生徒たちの活動を整理しながら、できるだけ新鮮なうちに発信できること。そして、スクールライフに役立つ情報を分かりやすく届けること。これらを実現するため、Webサイト全体のリニューアルが求められました。

Before 制作前の課題・悩み

以前のWebサイトはHTMLによる静的サイトで構築されており、更新のたびに複数ページを修正する必要がありました。
また、Webにある程度詳しい担当教師一人に作業が集中しており、日常的な更新や情報整理が大きな負担となっていました。
生徒の活動や学校生活に関する情報を発信したくても、「更新のしやすさ」が大きな課題となっていました。

Action 最初に行った整理・設計

まず行ったのは、「誰が、どの情報を、どの頻度で更新するのか」を整理することでした。
学校という組織の特性上、情報の発信者が一人に偏らない設計が必要でした。
更新作業を分担できる仕組みと、情報を整理しやすい構造を前提に、サイト全体の設計を行いました。

制作コンセプト・判断軸

単なるWebサイトリニューアルではなく、「使い続けられること」「学びにつながること」を重視。
特に工業高校という特性を活かし、生徒自身が制作に関わることで、Webリテラシーやものづくりの視点を育てることも重要な判断軸としました。

制作のポイント

制作費削減と職業体験を両立するプロジェクト設計当初は制作費用を抑えるため、生徒に制作作業を一部協力してもらう案からスタートしました。
しかし実際には、「生徒が関わる」ではなく「生徒と一緒に作る」プロジェクトとして再設計。
結果として、単なる費用削減ではなく、実践的な職業体験を兼ねたWeb制作プロジェクトへと発展しました。
学校と連携した生徒募集と体制づくりまず学校と協力し、Web制作に興味のある生徒を募集するところから開始。
チラシを作成し校内掲示を行い、約10名の生徒が参加。
夏休み期間を利用し、期間限定の「WEB部」として活動を行いました。
制作前段階から教育現場と連携した体制づくりを行っています。
講演とワークショップによる基礎理解の共有制作に入る前に、生徒向けの講演を実施。
Webデザインの基本、SEOを含むWebメディアの特性、サイトの役割や考え方について学ぶ時間を設けました。
その後、学校・同窓会をクライアントと見立て、要望を整理し、サイトの目的やターゲットを定めるワークショップを実施しました。
実務に近い制作フローを体験できる進行企画立案、構成案作成、素材集め、ページ制作まで、実際のWeb制作と同じ流れで進行。
授業やグループワーク形式で約16回にわたり制作を行い、生徒自身が考え、話し合い、形にする経験を重ねました。
時間や労力は想定以上にかかりましたが、その分、実践的な学びの場となりました。
学びと成果の両立を重視したサイト構築工業高校という特性を活かし、「作ること」そのものを学びに変換。
Webに関する知識やリテラシーが、将来の就職先や社会で役立つことを見据えた設計としました。
最終的に、生徒たち自身の手でサイトを完成させたことは、大きな自信につながったと考えています。
非常時にも機能する情報発信基盤 2月にサイトを公開したことで、コロナ禍による休校時にも、生徒専用パスワードを設定するなど柔軟な情報発信が可能となりました。
結果として、教育現場における情報共有の基盤としても役立つサイトとなりました。

After 制作後の変化・反応

先生方が無理なく更新できる体制が整い、生徒の活動や学校の日常が継続的に発信されるようになりました。
Webサイトは単なる学校案内ではなく、「学校の今」を伝える情報基盤として活用されています。

この実績が参考になる方

学校・教育機関で、Webサイトの更新体制に課題を感じている方
特定の担当者に負荷が集中しているサイト運用を見直したい組織
生徒・学生の活動や日常を、継続的に発信できる仕組みを作りたい方
Web制作を単なる外注ではなく、学びや人材育成につなげたい教育関係者
非常時や緊急時にも機能する情報発信基盤を整えたい団体・組織

学校の情報発信を「作れる人」に依存させず、生徒と先生が一緒に育てていけるWebサイトへ。

CLIENT: 半田工業高等学校同窓会
AREA: 愛知県半田市
CATEGORY: 教育・学校
SCOPE: 企画・プランニング / 情報設計・ディレクション / デザイン / コーディング / CMS設計・カスタマイズ / SEO内部設計 / Web担当者向け指導・伴走