ECサイト構築・リニューアルならクラウド型ECサイト構築ASPサービスサイトへ
資料請求
TOP

CATEGORY

SERVICE

訴求性バツグン!大きな画像を効果的に使ったレスポンシブECサイト【GOOD WEAVER】

訴求性バツグン!大きな画像を効果的に使ったレスポンシブECサイト【GOOD WEAVER】

ECサイトにおいて、ファーストビューはサイトの印象を大きく左右する要素であり、非常に重要です。今回はそのファーストビューの画像のインパクトが強烈なサイトをご紹介します。

サイト名 GOOD WEAVER
URL http://goodweaver.jp/

good_weaver1

ポイント

ファーストビューがほぼ完全に一枚の画像で占められています。この印象は強烈です。このサイトはレスポンシブ対応ですが、特にPCから閲覧した時のインパクトは絶大です。

PC

good_weaver7

スマホ

good_weaver6

1,ページのほぼ全てが画像

スクロールしていくと、リンクのナビ以外全て画像で占められていることに気づきます。リンク以下の画像からは商品詳細ページに遷移します。
good_weaver2
good_weaver3

2,購入ボタンの無い商品一覧ページ

商品一覧ページには、サイトロゴと商品画像と商品価格しかありません。非常にシンプルで見やすく、訴求性は抜群です。

とても見やすいのですが、TOPページから直接カートページにアクセスさせたいような商材を扱う場合には、この手法は向かないでしょう。

また、スマートフォンからアクセスした場合、商品画像もしくは商品名を押下することで商品詳細ページに遷移しますが、PCではマウスオーバーすることで色が変わる為ある程度分かるのですが、スマートフォンだと変化が無い為ややわかりにくいかもしれません。
good_weaver5

3,商品画像で背景色を演出

商品画像を見てみると、意外と商品そのものが画像の中で占めるサイズが大きくないことに気づきます。そして商品画像の背景色によって、白一色で統一されたTOPページが彩り鮮やかになっています。
good_weaver4

4,ブランド紹介が素敵な商品詳細

商品詳細文はブランド紹介、商品紹介という流れで書いてあります。どういうこだわりを持って作られた商品であるのかが伝わりやすく、魅力的に映ります。
good_weaver10

終わりに

画像が大きいと自然とそこに目が行きます。それがページの大部分を占めているとなればなおさらです。

また、背景色が白に統一されたサイトでは、商品画像をサイトの背景のアクセントとして使うことで、余計な画像を使用せずに済みます。

詰め込みすぎは宜しくありませんが、商品画像1点で攻めるとすれば、今回紹介させていただいたサイトのように大きな画像で全てを物語るくらい突き詰めるのもまた面白いでしょう。

                   
商品の販売に“夢中”になれる
クラウド型ECサイト構築ASP

ECサイト構築、リニューアルを2000社以上支援してきた知見から
ECの専門家として御社のEC事業成長をサポートします。

  • 導入実績2000社以上


    導入実績

  • 注文単価増加率114%

    導入1年後の
    注文単価
    増加率

  • 売上成長率128%

    導入1年後の
    売上成長率

  • EC支援歴20年


    EC支援歴

         

おすすめカテゴリの最新記事