ECサイトでカテゴリーが多い場合に、どのようにユーザへ分かりやすく見せているのかを調査しまとめてみました。参考になりましたら幸いです。
ECサイトのカテゴリーデザイン参考5選
①STAYFUL LIFE STORE
出典:https://stayful.jp/
長方形ボックス型に商品アイコンとカテゴリー名を組み合わせ、シンプルで統一感あるデザインに表現されています。
②株式会社ナプラ
出典:https://www.napla.co.jp/
長方形ボックス型に商品写真とサイトカラーに合わせたカテゴリー名を組み合わせデザイン構成されています。
③バーミキュラ公式オンラインショップ
出典:https://shop.vermicular.jp/
商品写真と商品名がシリーズごとにわかりやすく伝わるデザインにまとめられています。
④ZOZOTOWN
https://zozo.jp/
カテゴリーが縦一覧に表記され、カーソルを合わせると中カテゴリーの選択肢が表示される構成になっています。読みやすく内容が伝わりやすい表記になります。
⑤ユナイテッドアローズ
出典:https://store.united-arrows.co.jp/
長方形型の整列されたカテゴリーからクリックして商品一覧に移動します。余白を生かすことで、明快にまとまった構成になります。
KOHIMOTO LABO
WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。