仕様書が残っていない既存システムを、どう安全に改修するか
現在の画面やコードだけでは判断できない業務ルールを、実際の操作、データ、通知、担当者の使い方から復元し、安全に改修する方法を整理します。
既存WordPressを保ちながら、更新できるページ群を拡張する
既存のWordPress環境へ、複数の事業・サービスページを追加した案件です。既存テーマと公開環境を壊さず、固定ページと、ニュース・事例など増え続ける更新領域を分けました。公開後のページ追加やロゴ・フッター変更にも、最初に整理した共通部品を継続して利用しています。
| クライアント名 | 某住宅・不動産関連企業 |
|---|---|
| 業種 | |
| サイトのカテゴリ | |
| サイトの特徴 | |
| 制作範囲 |
ご要望は、既存サイトを維持したまま新しいページ群を追加し、公開後は顧客側でも必要な情報を更新できるようにすることでした。新規サイトと異なり、既存テーマ、プラグイン、テスト環境、公開中のページとの関係を無視して設計できません。
すべてを固定ページとして作れば初回公開はできますが、ニュースや事例が増えるたびに制作作業が必要になります。反対に、すべてを自由編集にすると、入力方法が複雑になり、既存の見た目も保ちにくくなります。何を固定し、何をCMSで更新し、共通部品をどこまで再利用するかを、公開後の担当範囲と合わせて決めることが課題でした。
最初に既存WordPressのテーマ構造とテスト環境を確認し、新規ページを独立した別サイトとして作る案ではなく、現在のURLと共通部品へ接続する方針を採用しました。ページごとにデザイン課題とコーディング課題を対応させ、制作範囲と確認状況を追えるようにしています。
企業情報やサービス説明は構造を固定し、ニュースや事例など公開後に増える情報はCMS化しました。自由入力を増やすのではなく、運用者が判断しやすい項目へ絞り、表示側の部品と対応させています。
公開後のページ追加、OGP設定、ロゴ・フッター変更にも同じ構造を利用しました。既存環境への拡張では、初回公開だけでなく、次の追加を既存部品で処理できるかを設計時に確認することが重要です。
既存サイトのトーンを保ちながら、新しい事業やサービスの情報量を受け止められるページ構造を設計しました。新規ページだけを目立たせるのではなく、既存ナビゲーション、見出し、フッターとの連続性を確認しています。
固定ページでは、情報の順序と読みやすさを優先し、更新領域では、タイトルや画像の長さが変わっても一覧と詳細が崩れないカードを設計しました。すべてを自由に組み替えられる編集画面ではなく、必要な項目を入力すれば既定の品質で表示される考え方を採用しています。
公開後の追加で別の見た目が増殖しないよう、見出し、余白、ボタン、一覧部品を共通ルールとして残しました。
既存テーマのテンプレートと公開中の共通部品を確認し、新規ページ群を追加しても既存ページへ影響しない範囲を定めました。固定ページ用の構造と、ニュース・事例の投稿データを分け、更新内容が一覧と詳細へ同じルールで反映されるようにしています。
管理画面は、画面を自由に組み立てる機能を増やすのではなく、運用に必要な項目へ絞りました。入力値がない場合や画像比率が異なる場合も、公開画面が破綻しない表示を用意しています。
公開後の追加ページや共通部の変更では、最初のテンプレートを再利用し、個別コードを増やさないようにしました。既存CMS拡張では、現行環境の制約を否定するのではなく、保守できる境界を見つけ、その中へ更新余地を作ることが重要だと整理しています。
この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。
現在の画面やコードだけでは判断できない業務ルールを、実際の操作、データ、通知、担当者の使い方から復元し、安全に改修する方法を整理します。
新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...
既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...
業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...
日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...