クライアント概要
-
業種：学校法人（私立高校）
-
生徒数：約570名
-
特徴：部活動が盛んな歴史ある高校
-
プロジェクト期間：約3ヶ月
-
予算：100万円程度
-
制作体制：
-
設計・デザイン・ディレクション・コーディング担当（Schue）
-
デザイナー（1名）
-
-
アシスタントコーダー （1名）
プロジェクト背景
旧サイトはHTMLエディターでの直接編集に依存しており、更新作業が特定のスタッフに限られていました。
スマートフォンの普及とGoogleによるSSL化の推進に伴い、セキュリティとイメージアップの必要性が高まり、全面リニューアルに至りました。
課題の詳細分析
技術面の課題
-
SSL未対応でセキュリティ警告が表示される
-
モバイル未対応でスマホ閲覧が困難
-
HTMLエディターでの属人的な更新作業
-
ユーザビリティが低く、情報にアクセスしづらい
運用面の課題
-
部活動の大会結果や行事告知が頻繁で、更新に時間がかかる
-
複数の先生が関われない更新体制
-
コンテンツ管理が非効率
ブランディング課題
-
学校の歴史・魅力が伝わりにくい
-
学科の特徴や理念の表現が不十分
-
デザインが現代的でない
解決戦略・アプローチ
1. CMS導入による運用改善
-
WordPress導入で複数の先生が更新可能に
-
カスタム投稿とカテゴリー分けで情報整理
-
ACFによる柔軟なコンテンツ管理
2. セキュリティ・技術面の強化
-
SSL証明書導入（HTTPS化）
-
レスポンシブデザイン実装
-
SiteGuard, Wordfence等のセキュリティ対策
-
扱いやすくコスト効率の良いレンタルサーバー導入
3. コンテンツ制作・撮影
-
撮影・画像選定からビジュアルを制作
-
学校紹介・部活動紹介動画の制作・編集
-
沿革・理念の整理と表現
-
学科の特徴を色で視覚的に差別化
4. ユーザビリティの向上
-
生徒・保護者・入学希望者に配慮したメニュー設計
-
若者に合ったデザインとテキスト・画像のバランス
-
情報へのスムーズなアクセス設計
実装プロセス
Phase 1：要件定義・設計
-
学校関係者へのヒアリング
-
コンテンツ整理・情報設計
-
サイト構成・ワイヤーフレーム作成
Phase 2：撮影・素材制作
-
静止画撮影（2回）
-
学校紹介・部活動動画の制作
-
魅力的な画像素材の収集
Phase 3：デザイン・開発
-
WordPressオリジナルテーマ開発
-
レスポンシブ対応
-
セキュリティ対策の実装
Phase 4：運用体制構築
-
CMS操作研修
-
更新・保守体制の構築
-
投稿承認フローの設計
成果・効果測定
定量的成果
-
月間5,000PVを安定的に達成
-
更新頻度が大幅に向上
-
複数教員による情報発信が実現
定性的成果
-
見やすさ・更新のしやすさに高い満足度
-
教師の業務負担軽減
-
学校のブランドイメージ向上に貢献
運用サポート体制
継続的な保守・運用支援
-
月次保守契約によるサポート継続
-
見積もりの手間を省く運用設計
-
定期的なセキュリティチェック
-
更新告知メール設定
-
月次Googleアナリティクスレポートの提供
品質管理体制
-
担当教師による投稿承認チェック
-
弊社による定期監視・セキュリティ点検
-
不審な動きの確認と対応
技術的な特色・工夫点
WordPress運用最適化
-
カスタム投稿タイプで効率的な管理
-
ACFによる柔軟な入力設計
-
教育現場向けの使いやすいUI/UX設計
セキュリティ対策
-
SiteGuard WP Plugin
-
Wordfence Security
-
定期バックアップ・監視体制の確立
今後の展開・継続支援
-
継続的な保守管理とセキュリティ強化
-
コンテンツ更新のサポート
-
新機能や改善提案の継続
-
教育現場のデジタル化支援
-
入学希望者向けPV増加施策の実施
-
アナリティクス分析に基づいた改善提案
クライアントの声
見やすさと更新のしやすさに大変満足しています。
制作後のフォローも手厚く、教師という忙しい仕事の中で、
少しでも業務が効率化できることは本当に助かります。
— 学校法人担当者様