デザイン&機能性にこだわった、美しいショッピングサイトデザイン30個まとめ

oneline_store_example_17mahzebakery

 

海外デザインブログDesign Instructで、デザイン性にこだわった美しいショッピングサイトデザインを30個まとめたエントリー「30 Beautiful Online Shops for Inspiration」が公開されていたので、今回はご紹介します。

 

2014年のデザイントレンドを多くのサイトが取り入れており、モバイルやタブレット端末などからでもショッピングがたのしめるように、レスポンシブデザインを採用しているサイトも増えいています。今後ショッピングサイトを作成するときの参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

デザイン性にこだわった美しいショッピングサイトデザインまとめ

 

Tradestone Confections

チョコレートを中心としたスイーツを販売しているサイトで、食欲をそそるイメージ写真を使用したフラットデザインを採用。

oneline_store_example_25tradestone

 

 

 

Shop Collections: TSOVET

モノクロ写真をコンテンツサムネイルに利用し、パララックス効果を組み合わせインタラクティブなレイアウトを実現。

oneline_store_example_22tsovet

 

 

 

Herschel Supply Co USA

多くのショッピングサイトでグリッドレイアウトを採用し、商品をまとめて閲覧できる工夫がされています。

oneline_store_example_19herschel

 

 

 

Eden

ウッドパネルを使用したiPhoneケースの紹介、販売を行っているサイトで、コンテンツごとにイメージ画像が切り替わります。

oneline_store_example_07eden

 

 

 

Folks

フルスクリーンイメージが印象に残るストリート系アパレルブランドのショッピングサイト。遊びココロのあるレイアウトは参考に。

oneline_store_example_28folks

 

 

 

Locals Apparel

取り扱いしている商品を実際にモデルが着用し、撮影したイメージ写真はパララックスエフェクトを加えて表示されます。

oneline_store_example_12localsapparel

 

 

 

Funcitonals

機能的なインテリア家具を販売しているサイトで、商品に注目が最大限届くように、余白スペースをたっぷり使用したレイアウトが素敵。

oneline_store_example_26functionals

 

 

 

Shwood

入荷した商品についてより詳しくお知らせする特設コンテンツページは、より購買意欲を高めてくれます。

oneline_store_example_24shwood

 

 

 

20Jeans x DSTLD

人気のフラットデザインを採用したジーンズ専門店で、グリッドレイアウトでスッキリと商品を並べています。

oneline_store_example_10twentyxd

 

 

 

Indochino

高品質なイメージ写真とタイポグラフィーをすっきりと組み合わせた広告バナーに、視線が自然とあつまります。

oneline_store_example_14indochino

 

 

 

The Ghostly Store

サムネイルホバーに2014年トレンドカラーの淡いむらさき色を採用した参考サイト。

oneline_store_example_11ghostlystore

 

 

 

Salt Surf

フルスクリーンで表示されるイメージ写真スライダーは、ブランドイメージともマッチしており、ショッピングサイトと企業メディアを組み合わせた形。

oneline_store_example_15saltsurf

 

 

 

Walked & Worn

まるで写真集を見ているような高画質イメージ写真を並べ、アウトライン型ボタンが印象的なデザイン。

oneline_store_example_21walkedworn

 

 

 

Rebel 8

トップページ部分にイメージスライダーを採用し、人気コンテンツをよりアピールするレイアウトでユーザーを誘導します。

oneline_store_example_13rebel8

 

 

 

Bold & Noble

デザイントレンドをより意識したデザインレイアウトで、モバイル端末でも表示されるレスポンシブデザインを採用。

oneline_store_example_30boldnoble

 

 

 

Joined + Jointed

機能的でモダンなインテリア家具を紹介、販売しているサイトで、できるだけテキストを省略したミニマルデザイン。

oneline_store_example_06joinedjointed

 

 

 

Skinny Ties

豊富なセレクションをたのしむことができる、ネクタイ専門のショッピングサイトで、カテゴリーに特化したつくりが特長。

oneline_store_example_16skinnyties

 

 

 

S+O Media

専門的知識が必要になる高度なガジェットも、配色と余白スペースを考慮することで、お洒落に見せてしまいます。

oneline_store_example_05somedia

 

 

 

Mammoth & Co.

レンガ状に並べられた作品は、まとめて商品を確認したいときに参考にしたいレイアウト案。

oneline_store_example_09mammoth

 

 

 

Hard Graft

商品が背景に浮かび上がるよう並べられており、思わずクリックして詳細を見たくなる仕掛けが。

oneline_store_example_03hardgraft

 

 

 

Big Cartel Shop

商品を着用したモデルイメージをパララックスエフェクトで次々と切り替える、見ているだけでもたのしいサイト。

oneline_store_example_08bigcartel

 

 

サムネイル@ Mah Ze Dahr Bakery

参照元リンク : 30 Beuatiful Online Shops for Inspiration – DesignInstruct