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

既存サイトはHTMLで構築されており、情報更新のたびに手作業が発生する状態でした。
商品追加や情報修正の運用負荷が高く、更新頻度や情報整理にも影響が出やすい構成となっていました。
今回のリニューアルでは、先方でご用意いただいた構成をベースに、デザイン調整とWordPress化を実施。
既存の世界観を大きく崩さず、情報の見やすさや導線整理、更新性を整えることを重視しました。
また、商品数やカテゴリ数が多いサイトのため、グローバルナビにはメガメニューを採用。
目的の商品や情報へ、なるべく迷わず辿り着ける構成へ調整しています。
Overview
ご依頼前の状態
- HTML管理だったため、更新や修正に工数がかかっていた
- 商品数が増える中で、導線整理が追いつきにくい状態だった
- 情報追加時の運用負荷が高く、更新性に課題があった
Approach
整えたこと
-
WordPressへの
移行既存HTMLサイトをWordPressへ移行。
更新頻度の高い箇所は管理画面から調整できる構成にし、運用負荷を軽減しました。 -
メガメニューによる
導線整理商品カテゴリやページ数に合わせ、グローバルナビにメガメニューを設置。
カテゴリごとの情報を整理し、目的ページへアクセスしやすい導線へ調整しています。 -
既存世界観を保った
見た目調整ブランドイメージを大きく変えすぎず、余白や情報量、文字サイズのバランスを調整。
情報を追加しても崩れにくいレイアウト設計を意識しました。
Point
制作ポイント
“ただ整える”ではなく、
既存の情報量に合わせて、見やすさと更新性の両立を意識
今回のリニューアルでは、担当者様側でご用意いただいたアイデアや構成をベースに、見た目の刷新とWordPress化を実施しました。
既存サイトの印象を整理しながら、余白や情報配置、視線の流れを調整し、より見やすいデザインへアップデートしています。
また、商品数やカテゴリ数の多いサイトだったため、グローバルナビにはメガメニューを採用。
情報量が増えても目的ページへ辿り着きやすいよう、導線設計と更新性のバランスを意識して実装しました。
Result
整えたあと
- 更新作業をWordPress上で行えるようになった
- 商品カテゴリへの導線が整理され、回遊しやすい構成になった
- 情報追加を前提とした、運用しやすいサイトへ改善


