伝わる導線を整える|埼玉県さいたま市のホームページ制作事務所

Smart Shake様

更新性と導線を整えたサイトリニューアル

サイトリニューアル

  • #サイトリニューアル
  • #WordPress
  • #導線設計
  • #更新性改善
  • #WEBサイト実装
Smart Shake様

既存サイトはHTMLで構築されており、情報更新のたびに手作業が発生する状態でした。
商品追加や情報修正の運用負荷が高く、更新頻度や情報整理にも影響が出やすい構成となっていました。

今回のリニューアルでは、先方でご用意いただいた構成をベースに、デザイン調整とWordPress化を実施。
既存の世界観を大きく崩さず、情報の見やすさや導線整理、更新性を整えることを重視しました。

また、商品数やカテゴリ数が多いサイトのため、グローバルナビにはメガメニューを採用。
目的の商品や情報へ、なるべく迷わず辿り着ける構成へ調整しています。

Overview

ご依頼前の状態

  • HTML管理だったため、更新や修正に工数がかかっていた
  • 商品数が増える中で、導線整理が追いつきにくい状態だった
  • 情報追加時の運用負荷が高く、更新性に課題があった

Approach

整えたこと

  • WordPressへの
    移行

    既存HTMLサイトをWordPressへ移行。
    更新頻度の高い箇所は管理画面から調整できる構成にし、運用負荷を軽減しました。

  • メガメニューによる
    導線整理

    商品カテゴリやページ数に合わせ、グローバルナビにメガメニューを設置。
    カテゴリごとの情報を整理し、目的ページへアクセスしやすい導線へ調整しています。

  • 既存世界観を保った
    見た目調整

    ブランドイメージを大きく変えすぎず、余白や情報量、文字サイズのバランスを調整。
    情報を追加しても崩れにくいレイアウト設計を意識しました。

Point

制作ポイント

“ただ整える”ではなく、
既存の情報量に合わせて、見やすさと更新性の両立を意識

今回のリニューアルでは、担当者様側でご用意いただいたアイデアや構成をベースに、見た目の刷新とWordPress化を実施しました。
既存サイトの印象を整理しながら、余白や情報配置、視線の流れを調整し、より見やすいデザインへアップデートしています。

また、商品数やカテゴリ数の多いサイトだったため、グローバルナビにはメガメニューを採用。
情報量が増えても目的ページへ辿り着きやすいよう、導線設計と更新性のバランスを意識して実装しました。

Result

整えたあと

  • 更新作業をWordPress上で行えるようになった
  • 商品カテゴリへの導線が整理され、回遊しやすい構成になった
  • 情報追加を前提とした、運用しやすいサイトへ改善

事業の“今”と”これから”に
合った見せ方へ。

“なんとなく違う気がする”を、
丁寧に整理していきます。
まずは、今の状態をお聞かせください。

まずは相談してみる