概要
HEART&BRAIN様の既存WordPressサイト内に、新サービス「Executive Compass」のLPを制作した案件です。 あわせて、メインサイト側の修正や既存環境の調整も担当しました。
上場企業の役員層が閲覧するページとして、過度に装飾的にせず、信頼感・品格・情報の分かりやすさを重視。 既存の公式サイトと雰囲気に齟齬が出ないよう、トーンや余白、導線の整合性を意識して制作しました。
既存サイトの運用中に行う更新だったため、本番環境へ直接反映するのではなく、テストサイトを用意して確認と打ち合わせを重ねながら進行しました。
課題・背景
クライアント側でAI生成の初期案を作成していたものの、上場企業の役員層に見せるページとしては、情報設計・デザイン・実装品質の面でさらに整える必要がありました。 そこで、既存WordPressサイトに合わせた構成整理、LP化、公開までの実装を担当しました。
元の初期案から、公式サイトの一部として公開できるページへ作り直したため、Before / Afterが分かる実績として見せられる案件です。 特に、上場企業の役員が閲覧しても違和感のない信頼感と、メインサイトとのトーンの一致を重視しました。
また、前制作会社から引き継ぐ必要がある箇所もあり、FTPや既存WordPress環境を確認しながら、安全に更新できる手順で作業を進めました。
担当範囲
- Executive Compass LPの構成調整・実装
- 既存WordPressサイト内へのページ追加・修正
- 上場企業の役員層を想定した信頼感のある見せ方への調整
- FTPを用いたファイル確認・反映作業
- テストサイトの用意と検証環境での確認
- 打ち合わせを重ねながらのデザイン・文言・導線調整
- 前制作会社からの引き継ぎを含む既存環境の確認
- メインサイト側の軽微な修正・更新対応
実装内容
- AI生成の初期案を確認し、公式サイト掲載に耐える構成・見た目へ再設計
- 既存サイトのデザインルールに合わせ、公式サイトと齟齬のないLPページを作成
- ファーストビュー、サービス説明、対象者、プログラム、導入効果などのセクションを整理
- 問い合わせ導線を分かりやすく配置
- PC・スマートフォンで崩れないようレスポンシブ表示を調整
- テストサイトで確認後、本番反映できるよう作業手順を整理
技術仕様
CMS
WordPress
更新作業
FTP, 既存テーマ確認
検証環境
テストサイト構築・確認
対応範囲
LP制作, 既存サイト改修, 本番反映準備
工夫した点
- 既存サイトとの整合性: 新規LPだけが浮かないよう、既存サイトのトーンや導線に合わせて調整
- 役員層向けの信頼感: 上場企業の役員が閲覧する前提で、落ち着き・品格・分かりやすさを重視
- 安全な公開フロー: テストサイトで確認し、打ち合わせを重ねてから本番反映できる流れを構築
- 引き継ぎ対応: 前制作会社が関わっていた環境を確認し、既存ファイルや運用状況を把握した上で作業
- 情報整理: AI生成の初期案をそのまま使わず、サービス内容が伝わる構成へ整理
- 問い合わせ導線: LPの目的に合わせて、無料相談・資料請求へ自然に進める構成を意識
成果・特徴
- 既存WordPressサイト内に新サービスLPを追加
- テスト環境を使い、確認と修正を重ねながら安全に進行
- AI生成の初期案を、役員層にも提示できる品質のLPへ再構成
- 前制作会社からの引き継ぎを含む既存サイト更新に対応
- メインサイト側の修正も含めて一貫対応