【ECサイト】デザインのご紹介

今回は、ECサイト全体ではなく、商品掲載部分のデザインについてご紹介をしていきます!
商品掲載といってもただ画像が並んでいるだけではなく、
ちょっとした工夫やアイデアが盛り込まれているのでぜひ皆さんも見てみてください。

 

CHRISTOPHER KANE


CHRISTOPHER KANE
イギリス発祥のアパレルブランドです。

商品画像をホバーすると、選択している画像が他の画像よりも少し大きめに表示され、
商品単体の画像から着画像に切り替わります。
画像の上には商品名、値段がでてきます。

また、選択している画像以外の商品は半透明のホワイトがかかった画像に切り替わるので
ひと目で自分が今どの商品を選択しているかがわかります。

 

LoQ


LoQ
スペイン発祥のシューズブランドです。

こちらは、商品画像をホバーすると画像がサイドから見たもの、真上から見たもの、
着画像に切り替わります。
商品によって異りますが、すべて画像が切り替わるのではなく、そのままのものもあります。

また、ホバーするとサイズが表示され、在庫の有無がひと目でわかるようになっています。
これも自分がユーザーの立場に立つと、とても便利だなと思う部分です。

 

SIMONA CORSELLINI


SIMONA CORSELLINI
イタリア発祥のアパレルブランドです。

商品画像のみの表示で、背景はすべて白ベース。
ブランドの世界観ともぴったりで洗練された印象を受けます。

ホバーすると同じ角度を向いたモデルの着画像に切り替わります。
モデル画像もすべて統一されているので、とても見やすく購入する際のイメージが広がります。

 

WILDERNESS EXPERIENCE


WILDERNESS EXPERIENCE
アメリカ発祥のバックパックを中心としたさまざまなバッグを展開するブランドです。
製造は日本国内で行われており、『三信製織』で製造されています。

こちらも、背景白ベースの商品画像のみの表示になっています。
シンプルにすることで、より商品が際立ちとても見やすいです。

ホバーすると、選択している画像が半透明のホワイトがかかった画像に切り替わり、
その上に商品名、値段が表示されます。
また、在庫の有無もホバー時に確認することができます。

 
いかがでしたか?
ECサイトといっても様々なデザインがあるので、ぜひ皆さんも注目してみてください〜!

 

Writer

m

犬に日々癒やしを求めているwebデザイナーです。
よろしくお願いします。

Contact

ご提案依頼、ご相談、お見積もりなど
お気軽にお問合わせください。

03-6403-3259

平日 10:00~19:00

「Web制作について」とお伝え頂ければ
担当者に取次させていただきます。

Mailform

contact@trym.jp
でも受け付けております。