本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

CASE STUDY 既存Web基盤への新サイト追加 社名非公開

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバーとの共存、部門別の閲覧・更新権限、日常的なカレンダー更新、VPNとSFTPを使った確認環境から本番への公開手順までを一体で整理しました。

クライアント名 某レジャー・エンタメ関連企業
業種
サイトのカテゴリ
サイトの特徴
  • サイトリニューアル
  • MovableType
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • デザイン
  • コーディング
  • システム
  • CMS
  • 管理画面
課題と制約

新サイトは既存サイトと同じドメイン、サーバー、CMSを利用する一方、施設担当者と既存サイト担当者が互いの管理領域を閲覧・変更できない状態にする必要がありました。施設担当者の日常作業は、指定されたカレンダーファイルの差し替えに限定されていました。

公開作業にはSFTPの接続情報だけでなく、VPN、接続元、対象ディレクトリ、操作権限が関わり、制作側だけでは準備を完結できない環境でした。また、PDF単体の表示上の問題も、既存ドメイン配下を維持するかというURL設計へ戻って判断する必要がありました。公開に必須の条件と、公開後も継続する更新権限を分けて設計することが課題でした。

判断と対応

CMS権限を「管理者」「担当者」という肩書だけで決めず、誰が、どのファイルを、どの場所へ、どの操作で更新するかに分解しました。管理者、既存サイト担当、施設担当の役割ごとに、閲覧範囲、利用機能、アップロード可能なファイルを定義しています。

公開工程は、既存サイト側による領域準備、制作側による確認環境への反映、既存サイト側の確認、調整または本番反映に分けました。VPN、SFTP、対象領域、バックアップ、操作確認をチェック項目とし、誰の作業が完了したら次へ進むかを共有しました。

同じCMSを利用者全員へ広く開放する案は採用せず、必要な操作だけを許可する方針としました。この方法は、既存基盤へ別部門を追加する場合に有効ですが、CMS更新後も独自機能が動くか継続確認が必要です。

デザイン面の工夫

ページ数と役割を構成段階で見直し、利用料金と設備備品は資料ダウンロードへ集約し、問い合わせは別途用意されるフォームへの導線として設計しました。施設写真と利用実例を中心に、利用後のイメージを持てる情報順を組み立てています。

スマートフォン向けの構成を先に検討し、ファーストビューからコンテンツ途中まで、どこで施設を理解し、どこで資料や問い合わせへ進むかを確認しました。レスポンシブとリキッドレイアウトの違いが確認者によって曖昧にならないよう、画面幅で何が変化するかを説明対象にしています。

FigmaやPDFでは、提示範囲がそのまま確認範囲に見えることがあるため、確定箇所、検討中、参考表示を分け、後戻りの影響を抑える共有方法も見直しました。

実装と公開後の改善

既存のMovable Typeへ、施設担当者が許可されたHTMLファイルだけを所定のカレンダーデータ領域へアップロードできる機能を組み込みました。利用者のロール、ファイル名、保存先を確認し、許可外のファイルは受け付けない処理として実装されています。

公開時にはVPN、接続元、SFTP、対象ディレクトリの権限を確認し、確認環境と本番反映を段階化しました。接続情報があっても対象領域へ書き込めない場合があるため、最小の操作確認を本番反映前に行っています。

公開後もCMSの脆弱性対応とバージョンアップがあり、限定アップロード機能の保存先判定を継続して確認しています。独自機能は公開時に動けば完了ではなく、CMS更新、元ファイルの状態、日常運用まで保守対象として追う必要があります。

PRACTICAL KNOWLEDGE このケースに関連する実務知識

この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。

その他のケーススタディ
CASE STUDY 顧客更新型の静的サイト設計 社名非公開

顧客も更新する静的サイトに、編集ルールと崩れにくさを設計

製品・企業情報を発信するコーポレートサイトを、全ページ静的HTMLでリニューアルしました。FHWが制作・納品した後も顧客側でHTMLとCSSを編集し、ページや製品情...

業種
製造業
カテゴリ
コーポレートサイト / サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング
詳細を見る
CASE STUDY 内製更新を支えるテンプレート 社名非公開

納品後の内製更新を前提にしたテンプレート設計

専門機器メーカーのサイトリニューアルで、基本ページのデザインとコーディングを担当し、納品後はクライアント側でページを増やせるテンプレートを整えました。...

業種
製造業
カテゴリ
コーポレートサイト
対応範囲
制作進行 / ディレクション / デザイン / コーディング
詳細を見る
CASE STUDY Web完結型の注文フロー 社名非公開

PDF中心の注文導線を、Webで完結する選択フローへ

専門性の高い製品を扱う二言語サイトで、企業・技術情報の発信と、会員向けの製品選択・注文導線を一体で設計しました。従来はPDFを見ながら進めていた注文を、...

業種
サービス
カテゴリ
コーポレートサイト / ECサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / 管理画面 / 会員管理
詳細を見る
CASE STUDY 専門情報ポータルの共通基盤 社名非公開

数百ページの専門情報ポータルを、共通部品と明確な分担で構築

専門分野に関する動画コンテンツ、読み物、最新情報など、多数のコンテンツを扱う大規模ポータルサイトの構成提案、ワイヤーフレーム、デザイン、フロントエンド...

業種
レジャー・エンタメ
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング
詳細を見る
ケーススタディ 一覧