MENU
CLOSE
デザイン Edit : 2024.01.24 Update : 2024.11.07
【ECサイト】カテゴリーエリアの優良デザイン5つを集めてみた

【ECサイト】カテゴリーエリアの優良デザイン5つを集めてみた

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サイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。