クリエイティブな20のECサイトデザイン

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


↑私が10年以上利用している会計ソフト!

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

free people

http://www.freepeople.com/

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

ECサイトデザイン1

DUCHY of CORNWALL NURSERY

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

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

ECサイトデザイン2

kate spade

http://www.katespade.com/

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

ECサイトデザイン3

MOM & POPCORN

http://www.momandpopcorn.com/

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

ECサイトデザイン4

DESIGN BY HUMANS

http://www.designbyhumans.com/

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

ECサイトデザイン5

Tiffany & CO.

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

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

ECサイトデザイン6

Shoe Guru

http://shoeguru.ca/

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

ECサイトデザイン7

Morgan Ranch

http://morganranchinc.com/

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

ECサイトデザイン8

Narwhal CO.

http://narwhalcompany.com/

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

ECサイトデザイン9

Cellarthief

http://www.cellarthief.com/

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

ECサイトデザイン10

Bridge55

http://www.bridge55.com/

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

ECサイトデザイン11

京都 嵐山たなか

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

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

ECサイトデザイン12

OPERA MA-GE

http://www.operamage.com/

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

ECサイトデザイン13

Me & Mommy-to-be

http://www.meandmommytobe.com/

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

ECサイトデザイン14

Better Closet

http://www.bettercloset.com/

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

ECサイトデザイン15

Red Velvet Art

http://www.redvelvetart.com/

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

ECサイトデザイン16

4-rth

http://4-rth.com/

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

ECサイトデザイン17

ASSAILT

http://www.assaultshirts.com/

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

ECサイトデザイン18

Bythreads

http://www.bythreads.com/

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

ECサイトデザイン19

nectar

http://www.nectarboutique.com/

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

ECサイトデザイン20

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

シェアする

コメント

“クリエイティブな20のECサイトデザイン” への10件のフィードバック

  1. […] クリエイティブな20のECサイトデザイン | Webクリエイターボックスはてブ:8 […]

  2. hide より:

    ども。
    ECサイトは昔よく作りましたが、趣がだいぶ変わってきましたね。
    もっとカチッとした印象のECサイトが多かったように感じますが、最近はかなり取り扱っている商品のイメージを表に出すようなイメージが多いですね。
    (海外サイトは昔からこんな感じだったのかもしれませんが)
    トレンドもありますけど、見ていて飽きないサイトってステキですよね。

  3. […] クリエイティブな20のECサイトデザイン | Webクリエイターボックス (tags: ec webdesign ecommerce) […]

  4. ossproject より:

    ちょうどECサイトを作っていたので参考になります
    いつか紹介してもらえるよう頑張ります

  5. Webクリエイターボックス より:

    確かに商品のイメージを全面的にアピールしているデザインが多いですね。デザインに凝りすぎて機能面に問題があるとアレですが。。

    他にも参考になるサイトはたくさんあると思うので、随時アップできれば、と思ってます :)

  6. […] webdesignク リエイティブな20のECサイトデザイン | Webクリエイターボックス […]

  7. XROSS CUBE より:

    いつも勉強させて頂いています。
    どのネットショップも素敵ですね。
    こういうサイト作りたいなー

  8. ベンダーズ より:

    こちらのブログでの各ECサイトの紹介の仕方もとても見やすくて、読ませますね。これ位のサイズだとデザインも商品の扱いもサムネイルで掴めるんですね。参考になります。

  9. […] あと、デザイン面では商品をより引き立たせるデザインを施す必要があります。 少し以前の記事ですが、WebクリエイターボックスさんでクリエイティブなECサイトデザインが紹介されていました。 […]

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)