【ECサイト】デザインのご紹介
今回は、ECサイト全体ではなく、商品掲載部分のデザインについてご紹介をしていきます！
商品掲載といってもただ画像が並んでいるだけではなく、
ちょっとした工夫やアイデアが盛り込まれているのでぜひ皆さんも見てみてください。
CHRISTOPHER KANE
【CHRISTOPHER KANE】
イギリス発祥のアパレルブランドです。
商品画像をホバーすると、選択している画像が他の画像よりも少し大きめに表示され、
商品単体の画像から着画像に切り替わります。
画像の上には商品名、値段がでてきます。
また、選択している画像以外の商品は半透明のホワイトがかかった画像に切り替わるので
ひと目で自分が今どの商品を選択しているかがわかります。
LoQ
【LoQ】
スペイン発祥のシューズブランドです。
こちらは、商品画像をホバーすると画像がサイドから見たもの、真上から見たもの、
着画像に切り替わります。
商品によって異りますが、すべて画像が切り替わるのではなく、そのままのものもあります。
また、ホバーするとサイズが表示され、在庫の有無がひと目でわかるようになっています。
これも自分がユーザーの立場に立つと、とても便利だなと思う部分です。
SIMONA CORSELLINI
【SIMONA CORSELLINI】
イタリア発祥のアパレルブランドです。
商品画像のみの表示で、背景はすべて白ベース。
ブランドの世界観ともぴったりで洗練された印象を受けます。
ホバーすると同じ角度を向いたモデルの着画像に切り替わります。
モデル画像もすべて統一されているので、とても見やすく購入する際のイメージが広がります。
WILDERNESS EXPERIENCE
【WILDERNESS EXPERIENCE】
アメリカ発祥のバックパックを中心としたさまざまなバッグを展開するブランドです。
製造は日本国内で行われており、『三信製織』で製造されています。
こちらも、背景白ベースの商品画像のみの表示になっています。
シンプルにすることで、より商品が際立ちとても見やすいです。
ホバーすると、選択している画像が半透明のホワイトがかかった画像に切り替わり、
その上に商品名、値段が表示されます。
また、在庫の有無もホバー時に確認することができます。
いかがでしたか？
ECサイトといっても様々なデザインがあるので、ぜひ皆さんも注目してみてください〜！
Writer
m
犬に日々癒やしを求めているwebデザイナーです。
よろしくお願いします。
あわせて読みたい記事
