Eコマースのデザインギャラリー

トップページだけでなく「商品一覧ページ」「商品詳細ページ」「商品画像ページ」「カートに追加ボタン」など、細かくテーマ分けされた「ｅｃｃｏｍｍｒ」というオンラインショップのデザインギャラリーがあったのでご紹介します。

右サイドにある「Category」からそれぞれのテーマ別ページにアクセスできます。テーマは要素別とブランド別があり、要素別には次のようなテーマがあります。

  1. Add to Cart
  2. Category Landing Page
  3. Customer Service
  4. E-Mail Marketing
  5. Facets
  6. Homepage Landing
  7. Navigation
  8. Product Color/Size Picker
  9. Product Detail Page
  10. Product Images
  11. Product Listing
  12. Recommendations
  13. Registration
  14. Rich Cart
  15. Shopping Cart Contents
  16. Size Chart
  17. System Maintenance

「カートに追加ボタン（Add to Cart）」や「ただいまメンテナンス中です（SystemMaintenance）」「メールマガジン（E-mail Marketing）」など、珍しいテーマもあります。

ただし、まだあまりギャラリーは豊富ではなく、現時点では登録されているのは144種のみ。また画像の読み込みなどがやや重かったり、どのページでキャプチャーされたのかわかりづらいページがあったりなど、まだまだ改善の余地もありそうです。

ecommr: a collection of e-commerce interface and design elements

＃デザイン

PR