クリエイティブな20のECサイトデザイン
ECサイトを作る際は、使いやすさだけでなく、デザインももっとクリエイティブに！商品を理解し、それにあったデザインをすることでより効果的にユーザーにアピールすることができます。ここではサイトを開いた瞬間に「おっ！」と思うようなECサイトを紹介します！
↑私が10年以上利用している会計ソフト！
商品をより引き立たせるWebデザイン集
free people
ノートに落書きをしたような手描き風のデザインや、ほどよくレトロ感のある写真加工に思わず釘付け。
DUCHY of CORNWALL NURSERY
http://www.duchyofcornwallnursery.co.uk/
落ち着いた色合い、ほどよいグランジ感、バナー写真の切り抜きなど商品であるお花を引き立てています。
kate spade
ポップな色合いと大きな写真が印象的。
MOM & POPCORN
レトロ感たっぷりのポップコーンのECサイト。デザインのみならず味やサイズを選ぶポップアップウィンドウ等、いろんなアイデアが盛り込まれてます。
DESIGN BY HUMANS
http://www.designbyhumans.com/
Tシャツのデザインをそのまま背景画像に。面白いアイデアですね。
Tiffany & CO.
うす緑と白で統一されたミニマルなサイトデザイン。透明感があります。
Shoe Guru
黒・大きめの写真・ビビッドカラーで、シンプルながらも印象に残るサイト。
Morgan Ranch
手作り風な背景、枠やアイコンなど、洗練されたデザインが特徴。
Narwhal CO.
どこか和を感じさせるサイト。ごちゃごちゃしやすいECサイトをすっきりとまとめてるシンプルなデザイン。
Cellarthief
バックの木目が印象的なワインのサイト。在庫数を表すイラストがかわいい。
Bridge55
http://www.bridge55.com/
グランジ具合がかっこいいTシャツのサイト。バックのテキスチャも素敵です。
京都 嵐山たなか
http://www.koichaya.jp/tanakashouten/
色合いも和風で落ち着いた雰囲気。写真を囲む枠が商品を引き立ててます。
OPERA MA-GE
統一された色合いがオーガニックさをアピールしてます。
Me & Mommy-to-be
http://www.meandmommytobe.com/
優しい色合いとアイコン・ボタンなどの細かいデザイン、写真枠の点線でママの心をつかみます！
Better Closet
http://www.bettercloset.com/
ランダムに置かれたナビゲーション、背景の模様や色がエレガント。
Red Velvet Art
手描き風フォントやイラストがかわいい！色使いも女心をくすぐります。
4-rth
大きなヘッダーがインパクトあります。
ASSAILT
http://www.assaultshirts.com/
グランジ風デザインのTシャツを扱うショップ。商品にあわせてサイトもグランジグランジ。
Bythreads
大きな商品写真が印象的。思わずクリックしてしまいます。
nectar
http://www.nectarboutique.com/
淡い色と水彩画風の背景が特徴。最近見た商品がメニュー下にハンガーにかけられてるのがかわいい。
スクリーンショットをとってるうちに、いくつか欲しくなってうっかり「Buy Now」ボタンを何度かクリックしてました。。
[…] クリエイティブな20のECサイトデザイン | Webクリエイターボックスはてブ:8 […]
ども。
ECサイトは昔よく作りましたが、趣がだいぶ変わってきましたね。
もっとカチッとした印象のECサイトが多かったように感じますが、最近はかなり取り扱っている商品のイメージを表に出すようなイメージが多いですね。
（海外サイトは昔からこんな感じだったのかもしれませんが）
トレンドもありますけど、見ていて飽きないサイトってステキですよね。
[…] クリエイティブな20のECサイトデザイン | Webクリエイターボックス (tags: ec webdesign ecommerce) […]
ちょうどECサイトを作っていたので参考になります
いつか紹介してもらえるよう頑張ります
確かに商品のイメージを全面的にアピールしているデザインが多いですね。デザインに凝りすぎて機能面に問題があるとアレですが。。
他にも参考になるサイトはたくさんあると思うので、随時アップできれば、と思ってます :)
[…] webdesignク リエイティブな20のECサイトデザイン | Webクリエイターボックス […]
いつも勉強させて頂いています。
どのネットショップも素敵ですね。
こういうサイト作りたいなー
[…] クリエイティブな20のECサイトデザイン […]
こちらのブログでの各ECサイトの紹介の仕方もとても見やすくて、読ませますね。これ位のサイズだとデザインも商品の扱いもサムネイルで掴めるんですね。参考になります。
[…] あと、デザイン面では商品をより引き立たせるデザインを施す必要があります。 少し以前の記事ですが、WebクリエイターボックスさんでクリエイティブなECサイトデザインが紹介されていました。 […]