デザインやレイアウト、見せ方、使い勝手が参考になるオンラインショップやプロダクトページのまとめ
Post on:2016年9月15日
ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。

ローンチして間もないサイトですが、そのコレクションは充実しています。
ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。

縦長ページでも長い状態で見ることができるので、デザインのインスピレーションを得るのにいいですね。

価格表にもいろいろなデザインがあります。
TunnelBearのデザインはかわいいだけでなく、「48%の人がこれを選んでいます」といったコンテンツ面のアイデアも参考になります。

どのサイトでもチェックアウトページを見るためには、入力しないと見ることができないですが、ここでは一覧で見ることができます。

sponsors