クリエイティブなECサイト7選

イメージ画像

優れたECサイトを構築するには分かりやすさ、使いやすさは重要なデザイン要素であるが、ECサイト全体が魅力的である、独創的であることも見逃してはならない。ECサイトはシンプルで明瞭で、使いやすく、魅力的であることが重要なポイントである。
今回は魅力的でクリエイティブなECサイトデザインでは、どんなサイトがあるか、海外のECサイトに焦点をあてて見ていこう。

 

Bugaboo

https://www.bugaboo.com/

ファーストビューはベビーカー片手の夫婦の何気ない日常の一場面である。全面背景画像(フルスクリーン画像)のこのサイトはオランダのバガブーベビーカーのECサイトである。
世界中のベビーカーのデザインに変革をもたらせたという、バガブーのベビーカーECサイトは商品写真のクオリティが非常に高い。商品ページでは商品を360度インタラクティブに回転できるところが特徴だ。


Nike Lidyana

ナイキ

http://nike.lidyana.com/

ファーストビューがフルスクリーンの動画で始まるのは、女性の2015年夏のスタイルを促進するナイキのECサイトである。右下のベルアイコンををクリックすると動画が始まる。インタラクティブな操作で、買い物をするという遊び心あるサイトである。ユーザエクスペリエンスを提供するECサイトといっても良いだろう。


Edwin-Europe

エドウィン

https://edwin-europe.com/

エドウィンジーンズの新しいECサイト。こちらはファーストビューは静止画から壁の一部にオンマウスすることで、動画が展開する仕掛け。商品ページの商品画像も大きく、シンプルで分かりやすい。エドウィンデニムブランドをビジュアルで体験できるECサイトである。


Whippingpost

ウィッシングポスト

http://whippingpost.com/

メッセンジャーバックのウィッピングポストのECサイト。このサイトは「The best of ecommerce web design」に選ばれている。
フルスクリーン表示のキービジュアルはストーリー的で好印象だ。トップページは下にスクロールすると動画による、商品イメージムービーが再生され、ブランドアイデンテティを発信している。


ユニクロ

ユニクロ

http://www.uniqlo.com/jp/introduction/

国内サイトも見てみよう。ここではユニクロのECサイトイントロページを紹介したい。サイト下部からどんどん商品が上昇してくるところが印象的なつくりだ。
マウスオーバーすると商品が拡大ズームする動きも面白い。下から流れてくる商品写真のレイアウトも新鮮で、ユニクロ盛況をコンセプチュアルに表現している。


Nice Laundry

Nice-Laundry

http://www.nicelaundry.com/

バガブーベビーカーのトップ画面に見られたような、日常的な何気ない画像に商品を盛り込むという手法。この写真から靴下のECサイトNice Laundryのサイトでるということが分かるのは、少数かもしれない。
人物の履いている靴下はNice Laundryの商品であり、ユーモアを感じ微笑ましい。そして、サイトにしばらく滞在してると、コンタクトの申し込みがポップアップされる。


James Richardson Furniture

James_Richardson_Furniture

http://jamesrichardsonfurniture.com.au/

オーストリアのジェームス・リチャードソン家具のECサイト。美しい家具をシンプルに見せる。
家具は展示物のように整然と並べられ、家具デザインもさることながら、こちらも商品写真がみごとに美しいものばかりだ。


まとめ

日々、WEBサイトの世界は移り変わり、技術、デザインはどんどん進化している。デザイナーもその進化に対応し、新しいものをお客様に提案できるよう努力が必要である。そのためのも日頃から海外、国内の優れたサイトを出来るだけ多く見て、情報収集が大切になってくる。
今回紹介した海外のECサイトを見ても分かるように、時代はフルスクリーン、レスポンシブ、シンプル、ユーザーエクスペリエンスがデザインキーワードである。

関連する記事

ヨーロッパのクラウドベース物流サービス... ヨーロッパのEコマースは日々発展している。ヨーロッパはEU圏内といっても他国になるため、距離とは関係なく物流や決済が複雑である。 商品の販売規定もそれぞれの国で異なるため、販売を開始する前に、ヨーロッパの法律を統括する機関European Commissionで内容を調査をしなければならな...
配色に困らない為の色選びの基本ルール... Webデザインを行ううえで重要で欠かすことのできない色彩、カラー。 そして、色彩はサイトの印象に大きく影響する重要な要素でもある。サイトデザインはモノクロの配色より、色を使ったデザインのほうが魅力的であることは言うまでもない。また、色はユーザーにイメージ、メッセージを伝え、理解を助けてくれる...
必見!Eコマースサイトのデザイントレンド... スマートフォンの普及により、Eコマースにおいては、モバイルを含むあらゆる端末からスムーズに閲覧できるサイトが増えつつある。今回はそうした流れを踏まえつつ、2015年のデザイントレンドを紹介する。 1. 必要な情報を隠す!? メニューアイコン サイトのナビゲーションのように、ウェブサイトにおい...
2014年のトレンド、ゴーストボタンを調べてみた... ここ数年のあいだ、フラットデザインはWEBデザイントレンドとなっている。 昨年2014年は、このフラットデザインWebサイトの流れのなか、爆発的なトレンドとなったのがゴーストボタンデザインだ。 ゴーストボタンは、枠線のみで表現され、透明化されたボタンデザインである。背景色を透明化または薄...
拡大する越境EC! 調査報告から読み解く... 日本政府は12月18日、訪日外国人旅行者が3,000万人を超えたと発表。 昨年の2,869万人を超え、初めて1,000万人を超えた2013年から、この5年で3倍に増えた計算になる。 インバウンド数が増加すると、同じように越境ECにおいても。近年、急速な成長を続けている。 そして、ペイパルは...
デザイン4原則でラクラクデザイン -その1:整列(Alignment)-... Webデザインを行なうとき、困った、デザイン経験が自分にはない。デザインは無理、どうすればいいのか?と思っている方もいるかと思う。しかし描画力や美的センスなどなくても、デザインの原理、原則を踏まえたデザインを行なえば良いデザイン、つまり素人っぽいデザインからプロ並みのデザインを行うことができる。...

コメントをどうぞ