ECサイトの商品一覧のお手本4つ

amadana

  • トップページでは


写真と商品名のみで超シンプル。白バックの商品写真があればいいけど。写真のクオリティにこだわることが出来ないので、真似出来ないかな。

  • カテゴリ内での商品一覧


写真、商品名、値段。リンクは商品名にアンダーラインが敷いてある。変わった商品を扱う場合、説明文の冒頭100文字とか入れようかと思っているから、今回はパス。色違い、サイズ違いなどのバリエーションを見せるときはいいかもしれない。そこまで作り込めるかな〜。

eyeco

  • カテゴリー+人気商品


ちょっと文章があるといいね。ここも白バック写真。無理だ〜。

  • 商品一覧


商品名よりもコピーに注力しているのが伺える。それを目立つように見せてる。コピー、商品名、値段の組み合わせがいい。一行コピーを毎回考える、っていうのはなかなかよさそう。

  • 商品詳細画面のコピーを一覧でも使い回している様子。

HPFRANCE

  • 写真を浮かせる


背景に統一感があれば綺麗。

ディズニーストア

  • 枠組み採用


うっすらの枠組みを使っている。黒い写真もこれでいけてるから、こういう感じにしよう。

結論

  • 枠組みつける。
  • 文字は、
    • 一行くらいのコピー
    • 商品名(リンク付ける)
    • 値段(有りと無し、どっちがいいのか。。。)