段階公開でも新旧ページを迷わせず、共通部品で育てた賃貸経営サイト

全面停止を伴わずに改修するため、旧デザインのページと新デザインのページが一定期間共存することが前提でした。公開段階が変わってもヘッダー、バナー、CSS、画像が混乱せず、利用者には一つのサイトとして見える必要があります。また、オーナーの悩みや検討段階に合わせて管理サービス、事例、資料請求へつなぐ構成をつくること、PCとスマートフォンの文字量を同時に確認すること、追加ページでも部品が増殖しない運用ルールを定めることが求められました。

第一弾の時点で見出し、カード、事例、バナー、CTAなどを共通部品として整理し、第二弾以降は既存部品の組み合わせを優先しました。新旧ページが共存する期間は、CSSと画像の適用範囲を分け、バナー差し替えなど二重更新が必要な項目を一覧化。担当者が変わっても判断を引き継げるよう、案件の注意事項と公開範囲を共有しました。PCとスマートフォンの構成は同時に作成し、原稿量を早期に確認。各ページの説明文も個別設定できる状態にし、公開後のSEO改善へつなげています。

既存グループサイトとのつながりを保ちながら、賃貸経営を相談するオーナーにとって、専門性と安心感が伝わるデザインを整えました。事例ページは代表となる一つの型を作り、写真と内容を差し替えて展開できるようにすることで、品質と制作効率を両立しています。ページ追加のたびに新しい見出しを作るのではなく、共通部品で表現できるかを先に判断。使用画像は購入・掲載状況を一覧で共有し、段階公開中でも重複や漏れが起きにくい管理方法としました。

旧ページと新ページが共存する移行期間を前提に、スタイルの適用範囲と読み込み順を整理しました。共通部品をWordPress側でも再利用できる形にし、事例、キャンペーン、インタビューなど追加コンテンツを同じルールで展開できる構造としています。新旧で二重管理が必要なバナーや画像は対象ページを明確にし、切り替え時の更新漏れを防止。サイトマップ、ヘッダー、ディスクリプションなど全体に関わる項目も最終段階で統合し、段階公開後に一貫したサイトへ収束する実装としました。