ECサイトを運営する上で重要視されていることは、やはりデザインだろう。ここに目を向けないと、ブランディングや集客といった面において大きく損をしてしまうはずだ。特に2013年は「レスポンシブwebデザイン」や「フラットデザイン」など、新たなwebデザインのトレンドが出現している。今後もこのようなデザインは普及し、また次には新たな潮流が出現していく。この流れを追うことでその時々に最適なデザインについて考えることができるはずだ。だが、ECサイトだけに絞って目を向けてみると、現状はどうなっているのか、見えづらい点もある。そこで今回は、数ある中でも特に優れているデザインを持つECサイトを、ランキング形式でお届けする。ECサイトのデザインについて、自社のECサイトと比べてみて、どう違うのかをよく考えてみよう。

第3位　帝国ホテルオンラインショップ

出典：http://shop.imperialhotel.co.jp/

帝国ホテルの食品やグッズを販売しているECサイト。

このECサイトのデザインは、落ち着いた配色で高級感を演出している。

また、ホテルの最新情報をECサイトに掲載し、実店舗であるホテルと連携している。

第2位　越後妻有オンラインショップ

出典：http://www.tsumari-shop.jp/

NPO法人越後妻有里山協働機構が運営する、地方メーカーと全国のクリエイターのコラボレーション商品を取り扱っているECサイト。

デザインの特徴としては画像が印象的だ。商品の魅力を伝える写真が豊富に使われており、またアイコンを多用することで視認性を高めている。

第1位　ユニクロ

出典：http://www.uniqlo.com/jp/

大手ファストファッションブランド「ユニクロ」のECサイト

ユニクロはずいぶん前からフラットデザインを採用していたことは有名だが、掲載されている情報量はかなり多い。

ECサイトにおけるユーザーの買い物体験を高めることを目的にした日本独自のフラットデザイン系ECサイトと言える。

まとめ

このECサイト3つを振り返ってみると、国内のECサイトでは、まだまだフラットデザインを採用しているところが少ないことが分かる。

あくまでも重要なのはユーザーの視点に立ち、同時にコンバージョンを下げない設計ということだろう。

webデザインのトレンドがフラットデザインとはいえ、日本においてはユニクロのように、ローカライズされたデザインを用いたECサイトがあることを考えると、これらがトレンドになるのかもしれない。とはいえ、これらのECサイトが単にデザインだけを追求しているわけではない。顧客の目線にたちサービスを提供することが何よりも重要だ。

タグ ：

#ECサイト

#デザイン

ECサイトにおけるデザインのトレンドを追うなら、国内だけでなく海外のECサイトを参考にすることもひとつの方法だ。特にアメリカでは、Apple社やMicrosoft社が「フラットデザイン」というデザインを採用したことで、その影響を受けさまざまなWebサイトにフラットデザインが導入されている。海外のユーザーにはどのようなデザインが受け入れられているのか、そのポイントを抑えることで海外のユーザーにターゲットを絞ったECサイトはもちろん、国内向けのECサイトにも取り入れることができるはずである。

そこで、今回は海外のECサイトに焦点を当て、そのデザインを探ってみよう。

実際にどういったデザインがなされているのか、3つのECサイトを事例に紹介する。

Jenier Word Of Teas

出典：http://www.jenierteas.com/

スコットランド産の紅茶を販売しているECサイト。

電話番号がサイト上部と下部にあり、見つけやすい場所に配置されているのが特徴のデザインだ。。

ユーザビリティに配慮した設計で、視認性に優れたECサイトの好例。

いったいどんなことをしているのか、ユーザーはなにを次にすれば良いのか、そのためのナビゲーションが分かりやすく考えられているECサイトのデザインになっている。 

Monki

出典：http://www.monki.com/

H&M　の傘下であるスウェーデンのブランド。日本に上陸したことも記憶に新しい。

このMonki、実店舗は「海底」をはじめとするさまざまなモチーフのデザインで統一されている。

そのカラー、デザインがECサイトにも反映されている。

遊び心のあるデザインで、ビジュアルを中心に構成されており、ひとつの商品に対しての情報量をしっかりと掲載する日本のECサイトとは違う傾向だと言える。

また、MonkiのECサイトはスマートフォンにも対応している。

レスポンシブwebデザインを採用したECサイトの参考としても注目しておくべき事例だ。

Whipping Post

出典：http://www.whippingpost.com/

海外のASPサービス「shopify」を使い、その中でも「The best of ecommerce web design」に選ばれているメッセンジャーバッグのECサイト。

大きく配置されたキービジュアルと、バッグの質感、色感を統一したようなデザインが特徴。

トレンドのひとつになっているフルスクリーン表示を採用することで、商品の魅力を分かりやすく伝えている。

 1ページあたりの情報量が多い。静止画だけでなく動画を使い、商品開発のストーリーや商品を使うシチュエーションを発信している。

まとめ

いかがだっただろうか。

この3つのECサイトのデザインに関する特色をそれぞれ挙げると、以下の3つが挙げられる。

・ユーザビリティを重視
・レスポンシブwebデザイン採用
・フルスクリーンの採用

ユーザーに分かりやすく伝え、また様々なデバイスに対応したECサイトは、海外だけでなく日本においても受け入れられる重要なポイントだろう。今後の動向に注目しつつ、あなたのECサイトに取り入れられるものは、ぜひ参考にしてほしい。

タグ ：

#ECサイト

#デザイン

今、スマートフォンからのECサイトの閲覧者が増えている。

日本国内においては、スマホの普及率はおよそ40%程度で、今後さらなる普及が見込まれる。

それに向けて、スマートフォンに最適化されたECサイトのデザインが必要になるだろう。

そこで、今回は2013年10月時点でスマートフォンに対応した、優れたデザインのECサイトを3点ほど紹介する。

スマートフォンに最適なデザインを考える際の参考になれば幸いである。

スカルプD

出典：http://www.scalp-d.com/

アンファー株式会社の頭皮用シャンプー「スカルプD」のECサイト。
スカルプDの商品説明と、それ関連して抜け毛の原因対策など豊富なコンテンツが用意されている。

ナビゲーションは上部メニューに格納され、下にスクロールすると商品一覧が表示される仕組みが実装されている。

広告に芸能人を起用したり、これまでの販売実績を掲載することで信頼性を高めているのが特徴。

情報を追いかけていても、商品を探して買ってもらうというCTAを狙ったデザインだと言える。

UE

出典：http://www.ultimateears.com/ja-jp/

ワイヤレスのモバイルスピーカー「UE」のECサイト。
ページを下にスクロールしていくと、ビジュアルの変化に併せて、機能の説明、シェアボタンが表示される。

メニューは常に上部に表示され、ナビゲーションはその部分に収納されている。

フルスクリーンのデザインで、商品のイメージを伝えることに主眼が置かれたECサイトだと言える。

また、興味を持ったユーザーにシェアをしてもらう仕組みが特徴だ。

ユニクロ

出典：http://www.uniqlo.com/jp/

日本のファストファッションブランド「ユニクロ」のECサイト。

カテゴリごとに分けられたナビゲーションで、商品ページは豊富なイメージ画像を掲載し、着用時のイメージをユーザーに伝えやすい工夫をしている。

また、ユニクロ、GU各ショップのモバイルアプリへの誘導もなされている。

ネイティブアプリとWebアプリをどう分けて運用していくのかも、今後スマートフォンに対応したECサイトを考えていくうえで、外せないポイントかもしれない。

まとめ

今回はスマートフォンのデザインということに絞ってお届けしてきたが、いかがだろうか。

今はデスクトップPCからのアクセスが多い傾向が強いが、今後ECサイトを見るスマートフォンユーザーは増加するだろう。特にアパレルなど特定のジャンルでは、すでにその傾向が顕著に表れているはずだ。

そのため、ECサイトのデザインをスマートフォンに対応させることは、どんなECサイトにも必要な課題だろう。
また、スマートフォンに最適化するだけでなく、ユーザーの導線も考えられたデザインが重要であることを忘れてはいけない。

今後とも、その動向に注目していこう。

タグ ：

#ECサイト

#デザイン