複数の探し方と更新業務を一つにまとめた、BtoBコーポレートサイト再構築

取り扱うサービスが多く、利用者によって探し方が異なるため、単一の商品一覧だけでは適切な情報へ案内しにくいことが課題でした。具体的な製品名を知っている人だけでなく、「オフィス環境を改善したい」「業種に合う設備を知りたい」といった目的から調べる人にも分かりやすい構造が求められました。

また、ニュースや導入事例は公開後に継続して追加されます。登録される情報量や内容が事前に固定できない中でも、一覧から分類一覧、詳細へと情報を展開でき、社内外の担当者が迷わず登録できるWordPress管理画面が必要でした。企業としての信頼感を保ちながら、専門情報を読みやすく見せ、複数部署の確認を経てもサイト全体の統一感を維持することも重要な要件でした。

サイト全体を、企業を知る情報と、課題解決のためにサービスを探す情報に分け、サービス側には「カテゴリ別」「目的別」「業界・施設別」の三つの入口を設計しました。同じ情報を重複して持たせるのではなく、登録したサービスを複数の切り口から参照できるようにし、利用者には探しやすく、運用者には管理しやすい構造を目指しています。

WordPressでは、ニュースと導入事例だけでなく、複数階層の分類と詳細情報を扱える投稿設計を行いました。ページごとの仕様書と導線図を準備し、管理画面では必要な項目を整理して、専門知識がなくても登録内容と表示結果の関係が理解できるようにしています。メインビジュアルやコピーは方向性の異なる案から絞り込み、蛍光色のブランドカラーをアクセントとして使用。公開前にはメタ情報、素材、リダイレクト、フォーム、404ページまで確認し、長期運用に耐えるサイトとして整えました。

BtoBサイトとしての信頼感を保ちながら、通信や設備に詳しくない利用者にも入りやすい画面を目指しました。強い蛍光色は広い面積で使うのではなく、見出し、ボタン、現在地、重要な導線に絞って配置し、視線を誘導するアクセントとして機能させています。

サービス、導入事例、企業情報では情報量が大きく異なりますが、文字サイズ、行間、コンテンツ幅、カード、見出しのルールを共有し、ページをまたいでも読み方が変わらないようにしました。登録される写真や文章の量が毎回同じとは限らないため、素材が変わっても成立する汎用性も重視しています。PCメニューを開いたときの情報配置やホバー時の反応まで設計し、情報量の多いサイトでも操作の重さを感じにくい表現へ調整しました。

カテゴリ別、目的別、業界・施設別という複数の一覧から、同じサービス詳細へつながるWordPress構造を設計しました。一覧から分類一覧、詳細へ進む複雑な階層でも、登録担当者が画面の関係を理解しやすいよう、入力項目、選択肢、並び順を整理しています。導入事例やニュースも共通の操作感で登録でき、公開後に情報量が増えてもページ構造を作り直さず運用できます。

フロント側では、共通パーツを基準にページ固有の情報量を吸収し、メニュー、検索結果、カード、詳細ページの表示を一貫させました。ホバーやメニュー開閉には、操作結果が直感的に分かる動きを加えています。公開に向けては、WordPressの仕様書、導線設計、リダイレクト、メタ情報、404、フォームを個別に確認。公開後の完了画面追加やCMS改修にも対応できるよう、既存機能への影響範囲を切り分けやすい実装としました。