Webサイト改善の施策事例
- ECサイト改善
ECサイトにおけるナビゲーション再設計
概要と担当範囲
EC事業の成長に伴い商品数・カテゴリ数が増加する中で、
既存のナビゲーションが情報過多となり、回遊性や視認性に課題が生じていた状況に対する改善支援。
当社は単なるUI調整ではなく商品構成・利用頻度・運用を踏まえたナビゲーションの再設計を目的に、
構造整理およびUI設計の方針策定を担当しました。
- SEO対策
課題背景
商品やカテゴリの拡充により、ナビゲーションに以下の課題が発生していました。
商品数やコンテンツの拡充により、ナビ項目が増えすぎ全体像が把握しづらい
- 重要なカテゴリとそうでない項目の差が分かりにくい
- 現状はテキストのみの構成で視認性が低下している
- カテゴリー名など、システム側と連動できるところは連動したい
これらはデザインの問題というより、 情報構造と優先度設計の問題として整理する必要がありました。
改善の考え方
ナビゲーションは、 ECサイトにおける「商品構成そのもの」を反映するUIです。
そのため本プロジェクトでは、「いま売りたい商品」「よく使われている導線」「将来的に増える可能性のあるカテゴリ」を踏まえ、短期的な利便性と中長期の運用性の両立を重視しました。
当社の関与領域
- UI／導線設計
- 情報設計（IA）
- ビジュアルデザイン
- ASPカート拡張
商品やカテゴリの拡充により、ナビゲーションに以下の課題が発生していました。
- ナビ掲載項目の洗い出しと整理
- 利用頻度・事業優先度を踏まえた階層設計
- アイコン＋テキストによるナビ表現方針の策定
- スマートフォン表示を考慮したUI設計判断
- 運用・更新を前提とした構造整理
- 定例でのレビュー・微調整
拡大していく情報をどのように分類し、強弱をどうづけていくか」という情報設計の判断を中心に関与しています。
主な取り組み
- ナビ項目の棚卸しと役割整理
- 上位／下位カテゴリの再定義
- 優先度に応じた階層構造の再設計
- アイコン＋テキストを用いた視認性向上設計
- 将来的なカテゴリ追加を想定した構造整理
一度整えて終わりではなく、 今後の拡張にも耐えられる構造を前提に設計を行いました。
変化・成果
- ナビ全体の構造が整理され、把握しやすくなった
- 重要カテゴリが視覚的に認識しやすくなった
- 回遊導線が整理され、目的の商品にたどり着きやすくなった
- 更新・追加時の判断基準が明確になった
※具体的な数値は非公表
Tips
お役立ち情報も発信しています 一覧はこちら
-
BtoB製造業がホームページから問い合わせを増やすために必要な5つのコンテンツを伴走支援会社がご紹介します
View more -
テクニカルSEOとコンテンツSEOの違いとは？現場目線での施策や優先度について所感を交え解説します
View more -
【担当者必見】自社ECサイトに最適なコンサルティング会社とは？運用代行や支援導入で得られる3つの成果と失敗しない選び方
View more -
ECサイトの売上改善法とは？商品数が多い総合通販型で有効な分析方法と施策を解説します
View more -
SEO対策とは？主な種類のご紹介と、同時に行うと効果的な施策をご紹介します
View more -
通販サイト（ECサイト）の種類と特徴について、ビジネスモデル／販売形態／システム構築にわけて解説します
View more