ECサイトを作る際は、使いやすさだけでなく、デザインももっとクリエイティブに！商品を理解し、それにあったデザインをすることでより効果的にユーザーにアピールすることができます。ここではサイトを開いた瞬間に「おっ！」と思うようなECサイトを紹介します！

商品をより引き立たせるWebデザイン集

free people

http://www.freepeople.com/

ノートに落書きをしたような手描き風のデザインや、ほどよくレトロ感のある写真加工に思わず釘付け。

DUCHY of CORNWALL NURSERY

http://www.duchyofcornwallnursery.co.uk/

落ち着いた色合い、ほどよいグランジ感、バナー写真の切り抜きなど商品であるお花を引き立てています。

kate spade

http://www.katespade.com/

ポップな色合いと大きな写真が印象的。

MOM & POPCORN

http://www.momandpopcorn.com/

レトロ感たっぷりのポップコーンのECサイト。デザインのみならず味やサイズを選ぶポップアップウィンドウ等、いろんなアイデアが盛り込まれてます。

DESIGN BY HUMANS

http://www.designbyhumans.com/

Tシャツのデザインをそのまま背景画像に。面白いアイデアですね。

Tiffany & CO.

http://www.tiffany.co.jp/

うす緑と白で統一されたミニマルなサイトデザイン。透明感があります。

Shoe Guru

http://shoeguru.ca/

黒・大きめの写真・ビビッドカラーで、シンプルながらも印象に残るサイト。

Morgan Ranch

http://morganranchinc.com/

手作り風な背景、枠やアイコンなど、洗練されたデザインが特徴。

Narwhal CO.

http://narwhalcompany.com/

どこか和を感じさせるサイト。ごちゃごちゃしやすいECサイトをすっきりとまとめてるシンプルなデザイン。

Cellarthief

http://www.cellarthief.com/

バックの木目が印象的なワインのサイト。在庫数を表すイラストがかわいい。

Bridge55

http://www.bridge55.com/

グランジ具合がかっこいいTシャツのサイト。バックのテキスチャも素敵です。

京都 嵐山たなか

http://www.koichaya.jp/tanakashouten/

色合いも和風で落ち着いた雰囲気。写真を囲む枠が商品を引き立ててます。

OPERA MA-GE

http://www.operamage.com/

統一された色合いがオーガニックさをアピールしてます。

Me & Mommy-to-be

http://www.meandmommytobe.com/

優しい色合いとアイコン・ボタンなどの細かいデザイン、写真枠の点線でママの心をつかみます！

Better Closet

http://www.bettercloset.com/

ランダムに置かれたナビゲーション、背景の模様や色がエレガント。

Red Velvet Art

http://www.redvelvetart.com/

手描き風フォントやイラストがかわいい！色使いも女心をくすぐります。

4-rth

http://4-rth.com/

大きなヘッダーがインパクトあります。

ASSAILT

http://www.assaultshirts.com/

グランジ風デザインのTシャツを扱うショップ。商品にあわせてサイトもグランジグランジ。

Bythreads

http://www.bythreads.com/

大きな商品写真が印象的。思わずクリックしてしまいます。

nectar

http://www.nectarboutique.com/

淡い色と水彩画風の背景が特徴。最近見た商品がメニュー下にハンガーにかけられてるのがかわいい。

スクリーンショットをとってるうちに、いくつか欲しくなってうっかり「Buy Now」ボタンを何度かクリックしてました。。