本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. サービスと対応エリアを、検索にも更新にも強い構造へ

サービスと対応エリアを、検索にも更新にも強い構造へ

サービスと対応エリアを、検索にも更新にも強い構造へ

片付け・回収に関するサービスサイトを、利用者が「何を頼みたいか」と「どこで頼めるか」の両方から探せる構造で新規制作しました。サービス説明、対応エリア、事例やコラムを整理し、検索流入を意識したページ展開と、担当者が継続更新できるWordPressの運用基盤を整えています。

クライアント名 某サービス企業
業種
サイトのカテゴリ
サイトの特徴
  • 新規サイト構築
  • Wordpress
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • デザイン
  • コーディング
  • CMS
課題と制約

利用者の相談内容は、遺品整理、片付け、回収など目的によって異なり、さらに対応地域も判断材料になります。サービスの説明だけを並べても自分が対象か分からず、地域ページだけを大量に作ると内容が薄くなり、更新時の重複も増えます。サービスとエリアをどの階層で組み合わせ、どのページから問い合わせへ導くかを設計する必要がありました。

また、公開後に事例やお知らせ、検索を意識した記事を増やす前提がありました。制作会社しか触れない固定ページで作り込むのではなく、担当者が共通の形式で追加できること、追加した情報がサイト内の適切な場所へつながることが重要でした。初回公開と追加制作の範囲を分けながら、解析、OGP、favicon、サイトマップなど公開品質も段階ごとにそろえる必要がありました。

判断と対応

情報構造を「サービス」「対応エリア」「事例・読み物」に分け、それぞれを独立させず相互に行き来できるようにしました。サービスページでは依頼内容と進め方を説明し、エリアページでは対象地域から必要なサービスへつなぎます。地域名だけを置き換えるページにせず、その地域で利用者が確認したい条件と問い合わせ導線を共通の型へ整理しました。

WordPressには、事例、コラム、エリア情報など継続更新する単位を分け、入力項目と表示位置を対応させました。担当者が本文の装飾を毎回組み立てなくても、見出し、画像、関連サービス、問い合わせ導線がそろう構成です。初回公開後の追加ページも同じ設計へ乗せ、フェーズが変わってもURL、分類、内部リンクの考え方が崩れないようにしました。

デザイン面の工夫

不安や急ぎを抱えて訪れる利用者が多いテーマのため、強い売り文句を先行させず、「相談できる内容」「対応地域」「依頼の流れ」「確認事項」の順で判断できる画面にしました。サービス名を知らなくても状況から探せる見出しを用い、各ページで次に見るべき情報と問い合わせ位置をそろえています。

エリアページや記事が増えても個別デザインがばらばらにならないよう、導入、要点、詳細、関連情報、相談導線を共通部品にしました。写真と文章の量が異なる場合も読み進めやすく、スマートフォンでは重要な説明と行動ボタンが離れ過ぎないように設計しています。

実装と公開後の改善

WordPressでは、固定ページへHTMLを直接増やすのではなく、更新頻度と用途に合わせて投稿種別、分類、共通ブロックを用意しました。エリア、サービス、記事の関係をデータとして持たせることで、追加時にも関連ページを手作業で張り直す負担を減らしています。公開フェーズごとに解析タグ、OGP、サイトマップ、リンク切れも確認しました。

サービスページとエリアページは別々に複製せず、共通する入力項目と表示部品を利用して相互に関連づけました。追加ページも同じ分類と内部リンクのルールで管理できるため、担当者が事例や地域情報を増やしても、サービス説明と問い合わせ導線の関係を保てる構成です。

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

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

複数の案内図から目的地を探す公共施設の利用者

サービス・地域・目的など複数の探し方を、一つの情報へどうつなぐか

サービス、地域、目的など複数の入口を用意するとき、同じ情報を複製せず、分類、検索、詳細、相談までを一つの情報構造として設計する方法を整理します。

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

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

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

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

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

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

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

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

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

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

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

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

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