どんなに良い商品でも、見せ方によって売上は大きく変わってきます。ユーザーの購買意欲を高めるためには商品ページのデザインはとても重要です。

「思ったように売上が伸びない」

「リニューアルしたら売上が大幅に落ちた」

「これからECサイトを立ち上げたい」方は是非参考にしてみて下さい。

売れる商品ページを制作するにはSEO・SEM・デザイン・心理・導線・UI・UXなど複数の要素が必要となります。しかし商品数が多い場合など、ページを増やすことに時間を掛けてしまいデザインは気にしていないショップオーナーの方もいらっしゃいます。ユーザーは商品を購入する為に必要な情報を求めていて、商品の魅力を知ることで購入（CV)へ繋がります。

ネットショッピングをするユーザーは、「ホームページを見る（視覚）」事から始まります。商品だけでなく、ネットショップを見ているユーザーが「行動を起こしたいときにボタンがある」など、ユーザー心理を理解した上でデザインを行う事が重要です。

今回はマーケティング要素で重要な「商品ページのデザイン」の重要性にスポットを当てつつ、売れるデザインの商品ページ制作におすすめなWeb制作会社15社と、各社の特徴や強みをご紹介します。

１.商品ページのデザインが重要な理由

ECサイトの目的は「商品を販売して売上を上げること」です。そしてどんなに良い商品を販売していたとしても、商品ページのデザインがいまいちだと売り上げは伸びません。商品ページのデザインが重要な理由を３つ解説します。

（１）せっかく集客をしても売上に結びつかない

店舗販売と違いECサイトで商品を販売するには、まずECサイトへユーザーを呼び込まなければなりません。SEO対策・リスティング広告・SNSなどを駆使して、見込み客をECサイトへ集めていると思います。そうやって頑張ってECサイトへ集客したユーザーでも、商品ページのデザインが悪いと、商品を購入してもらえる確率が下がります。

売上は《お客様の数×購入率》となります。

例えば、100人の集客がてき、1人のお客様が購入してくれた場合【100人×購入率1％＝売れた数１個】となります。

次に、商品ページのデザインを最適化することで購入率を5％に改善できたらどうでしょうか。

【お客様100人×購入率5％＝売れた数５個】

売上が５倍になります。逆算すると集客が20人しかできなくても１個売れるようになります。

この購入率を上げる事が商品ページのデザインの重要性です。

（２）商品の魅力が伝わらない

商品を購入してもらう為には、商品自体の魅力をユーザーに伝えることが重要です。商品の魅力とは購入することによってお客様が得られる対価です。妥当と思えば購入してもらえますし、お得と感じれば大量に売れる可能性があります。しかし商品の魅力が伝わらなければ、せっかくの見込み客も逃してしまいます。

（３）見込み顧客が獲得できない

ECサイトのへ訪問してくれた時点では、お客様によって購買意欲が違います。「この商品を買う」と元々決めているユーザーは購入に至りますが、「商品が気になる」「購入を迷っている」方は商品ページのデザイン次第で商品を購入するかが変わります。この見込み客を購入に繋げられるかが、商品ページのデザインに左右されます。

２.ECサイトのデザインのポイント

売れるECサイトを制作する際に、気を付けるべき点を４つ紹介します。この４点を改善するだけでも大きく変わってきます。

（１）商品や情報が整然とされている

ユーザーによって、商品に対するこだわりポイントが違います。商品の情報を網羅して記載するのは当然ですが、見にくいテキストの羅列などは問題です。ただ記載しておけばよいのではなく「情報がキレイにまとめられている」事が重要です。商品情報は、行間や文字サイズを意識して見やすく整然とされたデザインにしましょう。

（２）ファーストビューで完結させる

ECサイトではファーストビューは特に重要で、10人中８人はファーストビューの時点で離脱すると言われています。ファーストビューで「魅力的な商品画像」「キャッチコピー」「ベネフィットリスト」を配置することで、購買意欲を高めることができます。ファーストビューからCVへ繋がるように、CTAボタンも配置しましょう。また商品画像は１枚だけではなく、複数の画像を用意することで、より商品の魅力を伝えられます。

【ファーストビューとは】

ファーストビューとは、ホームページを閲覧する際にデバイスに初めに表示される部分です。

（３）目につくところに購入ボタンがある

CTA（コールトゥアクション）ボタンがいつでもクリックできるように、わかりやすい場所に常に表示しておきましょう。CTAボタンとは「購入する」「カートに入れる」「申し込み」などコンバージョンへ繋がるボタンの事です。「買ってもいいかな」といった気持ちが生まれた際にCTAボタンがあることで購入率が変わります。CTAボタンのテキスト内容やデザインも重要です。

（４）ターゲットの属性に合わせてデザインする

ECサイト全体のイメージを、ターゲット層に受け入れられやすいデザインにすることも重要です。例えばコスメアイテムの販売をしているのであれば「女性向け」のデザインにしていきましょう。間違った例としては、「幼児向けの玩具を販売しているのに、スタイリッシュでかっこ良すぎるデザインにしてしまう」などです。幼児向けの玩具の販売であれば、柔らかいカジュアルな雰囲気のデザインがターゲットには合います。

３.商品ページ制作時に気を付けるポイント

商品ページのデザインで、必ず押さえておくべきポイントが４つあります。購入率を上げるために改善していきましょう。

（１）商品の情報を網羅する

商品の詳細は必ず網羅して記載しましょう。ユーザーによってこだわるポイントが違うため、人によって必要な情報が違うからです。

・原材料にこだわりがある

・賞味期限が知りたい

・安全性を知りたい

・お届け日を知りたい

・返品できるか知りたい

などが考えられます。

上記以外にも考えられることは全て商品情報として記載しましょう。

（２）CTAを意識してカートを配置する

購入ボタンやカートボタンの配置は１番重要です。「買ってもいいかな」と思ってもらえたらすぐに購入できるように、CTAボタンを目立つ所に配置しましょう。いつでもCTAボタンを見つけられるのが理想です。

（３）導線を意識する

売れる商品ページを作るためには、どのような流れで購入に至るのかを意識しましょう。いわゆるストーリー性です。

例えば【良さそうな商品画像を見る→ベネフィットと価格を見る→詳細情報を見る→買ってみよう】といった流れです。

商品ジャンルによって多少違いはありますが、【興味→対価→後押し→購入】といった導線を意識して商品ページをデザインしましょう。

（４）デバイスが違ってもわかりやすいデザインにする

近年ではスマホからネットショッピングをするのがスタンダードになっています。その為、売れる商品ページを制作するにはスマホ対応が必須となります。デバイスによって画面サイズが変わるので、ファーストビューも変わってきます。スマホ対応ができていない場合はWeb制作会社に相談しましょう。

４.デザイン性の高いECサイト例

売れる商品ページのデザインが重要なことを解説してきました。では実際にデザイン性の優れたECサイトを２つご紹介します。

（１）BEAUTEX株式会社

公式サイトはこちら

商材はカラーコンタクトレンズです。

（a）ターゲット層が明確なデザイン

ファーストビューで「女性向け」のサイトであることがわかります。淡い色使いで女性の写真を使用しており、10代〜30代の女性をターゲットにしているのが読み取れます。ターゲット層に当てはまる方に刺さるデザインです。

（b）情報がシンプルで見やすい

カラーコンタクトの販売ページですが、ユーザーが気にするポイントがシンプルにまとめられています。「デザイン」「色合い」「価格」「数量」です。誰もが気にするポイントがシンプルにまとめられていて非常に見やすいです。商品ページも詳細情報が網羅されていて、なおかつ見やすくデザインされています。

（２）WALPA

公式サイトはこちら

壁紙の販売サイトです。

（ａ）白黒基調で制作し見やすい

サイト自体が白色と黒色で構成されていて統一感があります。壁紙がカラフルなため商品が目立つようにデザインされています。

（ｂ）重要部分のみ赤や太字で強調している

白黒ベースのシンプルな色使いでありながら、テキストが非常に目立つ工夫がされています。ユーザーに伝えたいテキストは太字にして、ユーザーに注意を促す部分のみ赤色になっています。ユーザーが勘違いしないようにという気遣いが感じられます。

（ｃ）ユーザーが気になる部分が解決されている

商品ページを見ていただくとわかると思いますが、ユーザーが購入後に直面する問題を解決しています。「壁紙の貼り方」「必要な道具」「張り替え後のイメージ」です。商品を売るだけではなく、購入した後の悩みを事前に解決しています。

５.デザイン性の高い商品ページ制作を得意とするWeb制作会社15選

６.最後に

売れる商品ページを制作するには、「マーケティング要素×デザイン」が重要です。同じ商品でも「見せ方」によって必ず変わってきますので、改善できる部分から見直していくのもありです。今回紹介した15社はECサイトやデザインに強い制作会社になっていますので、まずは制作会社に相談して改善点の洗い出しをしてみてはいかがでしょうか。