本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 揃い切らない素材から、更新部品と公開手順を先に整える

揃い切らない素材から、更新部品と公開手順を先に整える

CASE STUDY 未確定素材に対応する公開設計 社名非公開

揃い切らない素材から、更新部品と公開手順を先に整える

素材と構成が揃い切らない中で、公開に必要な情報を絞り、更新可能な番組ページと公開手順を先に整えたサイトリニューアルです。画像やスキャン素材から情報を整理し、ページをWordPressの部品として構築。担当者が変わっても更新と公開を再現できる状態を目指しました。

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

公開条件が限られる一方、制作開始時点では、原稿、画像、ページ構成がすべて同じ粒度で揃っていませんでした。素材が届くまで全作業を止めれば公開に間に合わず、仮の判断で作り切れば後から構成ごと直すことになります。画像やスキャン素材の中に必要情報が含まれる場合も、掲載項目と更新対象を改めて整理する必要がありました。

また、公開後は複数の担当者がページを更新するため、制作担当だけが分かる操作や公開手順では継続できません。初回公開に必要な最小範囲と、後から追加・差し替えできる範囲を分け、管理画面の部品と公開作業の順序を整えることが課題でした。

判断と対応

最初に、公開日までに必須の情報、仮素材で進められる部分、公開後へ送れる部分を分けました。未確定の構成を推測で埋める案は採用せず、サイトの入口と主要ページが成立する最小構成を確定し、追加情報は後から同じ部品で増やせるようにしました。

画像やスキャン素材から、タイトル、説明、放送・公開に必要な情報、関連導線を抽出し、WordPressの入力項目へ対応させました。自由入力欄だけに詰め込まず、更新担当が迷いやすい項目を分離しています。

公開作業は、データ登録、プレビュー、公開状態、リンク確認の順で手順化しました。この方法は、素材が段階的に届き、公開後も同じ形式のページが増える場合に有効です。情報構造自体が未確定の場合は、先に一件の試験登録で項目を検証する必要があります。

デザイン面の工夫

素材の状態が揃っていなくても、すべてを仮画像の大きさへ合わせず、最終素材の比率や情報量が変わることを前提に枠を設計しました。番組やコンテンツごとに印象を出しつつ、タイトル、概要、関連導線の位置は共通化しています。

初回公開では、情報の少ないページを無理に埋めるのではなく、必要な項目だけでも不自然に見えない表示を用意しました。後から情報が増えた場合も、同じページ構造で受け止められる余白と順序を設定しています。

管理画面上の項目名と公開画面の構成を対応させ、制作物を見ていない担当者でも、どの情報がどこへ出るか理解できることを重視しました。

実装と公開後の改善

WordPressでは、番組やコンテンツを同じ形式で登録できるよう、情報を項目ごとに分けてテンプレートへ接続しました。素材がない場合に共通画像で埋めるのではなく、該当要素を省略してもレイアウトが成立する状態を用意しています。

公開手順では、登録、プレビュー、公開日時、一覧への反映、リンク確認を分け、担当者が変わっても同じ順で作業できるようにしました。仮素材と確定素材が混在する場合は、差し替え対象を一覧化し、公開前の確認から漏れないようにしています。

構成が揃い切らない案件では、コードで不足を推測するのではなく、未確定を保ったまま公開可能な最小単位を作り、管理画面の一件登録で更新方法を検証することが重要です。

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

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

公開日時と素材の進行状況を確認するWeb制作の作業デスク

公開日を動かせないWeb制作で、未確定素材・版管理・日時公開をどう管理するか

公開日時が固定された制作で、後から届く素材、複数の版、日時指定公開、公開直前の変更を安全に管理する方法をご紹介します。

その他のケーススタディ
CASE STUDY 事業の世界観が伝わる企業サイト 社名非公開

情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...

業種
レジャー・エンタメ / サービス
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 既存Web基盤への新サイト追加 社名非公開

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

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...

業種
レジャー・エンタメ / サービス
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 運用できる会員サイト設計 社名非公開

会員サイトを「公開できる」から「運用できる」へ。認証・検索・権限・外部データ連携をどう設計したか

業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...

業種
金融 / 特殊法人
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面 / 会員管理
詳細を見る
CASE STUDY 日英同時進行の多言語サイト 社名非公開

日本語と英語を同時に進める多言語サイト制作

日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...

業種
住宅・不動産 / 金融
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
ケーススタディ 一覧