【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

ECサイト構築クラウド型プラットフォーム

【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

モバイルファーストマーケティングラボ

シンプルなデザインのレスポンシブECサイト【DrifterBags】

シンプルなデザインのレスポンシブECサイト【DrifterBags】

今回紹介するサイトは、とにかくシンプルなデザインが目を引きます。
しかし、物足りないデザインには見えないのが素晴らしいところです。

サイト名 DrifterBags
URL http://drifterbags.com.au/
際立つ商品画像

背景色が白で統一されているため、商品画像が魅力的に映ります。
また、コンテンツが絞られていることで、自然と商品画像に注目が行きます。

トップページ

まさに必要な情報のみが載っている印象のトップページ。スマホで見ると、価格すら載っていません。
しかし、価格を表示させず商品画像と商品名のみを表示させることで、整然としたデザインに見せています。
drifterbags1

商品詳細ページ

商品詳細ページもいたってシンプル。非常に見やすいです。
背景色と商品そのものの色とのコントラストで商品が浮き上がるように見せているのが理由になります。
こうして商品画像に目線を誘導する手法を「ホワイトスペース効果」と言うのですが、このサイトでは随所でうまく使われています。
drifterbags5

商品画像を横にフリックすると、別のアングルからの見た目が確認できます。

色違いの商品の見せ方が素敵!

カラーバリエーションを選択すると、商品画像が切り替わります。
drifterbags2drifterbags3

drifterbags4

クーポンコードは購入画面に進む前に記入

クーポンのコードを記入するのは、ラジオボタン等でクーポンを選択する事に比べて少々面倒であると感じました。
drifterbags6
「check out」を選択して購入画面に進みます。

購入情報入力画面

落ち着いたデザインのフォームです。
洗練された印象を受けますね。
drifterbags7
選択肢に国があるのが海外のサイトならではだと感じました。
また、支払はpaypalのみのようです。

所感

TOPページからカートページまで、徹頭徹尾シンプルであったため、非常に見やすく、商品がとても魅力的に映るサイトでした。
必要な情報のみを表示させることで、商品画像をより魅力的に見せることができる、ということがよくわかります。

次回のサイトレビューもお楽しみに!

”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?

CTA-IMAGE 2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。
また、検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。 そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。

・レスポンシブECサイトがなぜ今選ばれるのか
・これまでのECサイトの課題とは何なのか
・どのようにすれば解決できるのか

といったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。
ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。
機能のご確認はお気軽にお問合せ、もしくは2週間無料お試し利用で。
aishipRの無料体験、お問合わせはお気軽に。説明会・資料請求も受付中。
0120-173-163
0120-173-163
無料体験
  • 無料体験
  • 問合せ
  • 説明会
  • 資料請求
  • 問合せ
  • 説明会
  • 資料請求
+