デザインやレイアウト、見せ方、使い勝手が参考になるオンラインショップやプロダクトページのまとめ
Post on:2016年9月15日
ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091307-01.png)
ローンチして間もないサイトですが、そのコレクションは充実しています。
ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091307-02.png)
縦長ページでも長い状態で見ることができるので、デザインのインスピレーションを得るのにいいですね。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091307-03.png)
価格表にもいろいろなデザインがあります。
TunnelBearのデザインはかわいいだけでなく、「48%の人がこれを選んでいます」といったコンテンツ面のアイデアも参考になります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091307-04.png)
どのサイトでもチェックアウトページを見るためには、入力しないと見ることができないですが、ここでは一覧で見ることができます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016091307-05.png)
sponsors