第4部1章 魅力が伝わる商品ページの作り込み方

まずCMSにはテンプレートを使用して商品ページを作る機能があります。 この機能を使うと商品名・型番・価格・商品説明文・商品画像・カテゴリー名など、商品のデータを入力すると、自動でテンプレートに合わせてページが生成されます。

しかしこれはあくまでもテンプレートのため、同じテンプレートを使用しているショップと同じ構成になります。 ショップを制作・運営しているとだんだん「カートボタンの色や形を変えたい」「商品画像の枚数を増やしたい」など、カスタマイズしたいことが増えてくるかと思います。

そこで行うのが商品ページの作り込みです。 簡単なものであれば文字の大きさや色を変えたり、時間をかけるのであればレイアウトを変えたりなど。CMSなのである程度の制約はありますが、HTMLやCSSを使うことでテンプレート感を感じさせないページを作ることができます。

トップページだけじゃない！ネットショップの玄関はたくさんある

その1 商品名は1番目に付くところに配置する

極端な例ですがソファーのページで「写真もたくさんある・紹介文もわかりやすい・デザインもかわいい」で、さぁカートボタンを押そうとしたとき。下の方に”ドールハウス用ミニチュアソファー”と書かれていたら、、、あなたならどう思いますか？わたしならなんて不親切な！とイラっとすると思います。最悪クレームにもなりかねませんよね。

ネットショップではサイズ感や質感を伝えることは難しいです。お客様が快適にショッピングできることを考えるのであれば、商品名はファーストビューで見られる位置に配置しましょう。

その3 商品紹介文にはアピールしたい内容だけではなく「お客様が欲しい情報」を

「フランスの有名メーカーと共同開発・脚部の木材は屋久杉でシートは最高級の牛革を使用・低反発クッションで座り心地バッチリ」 これらも他社との差別化するためのアピールポイントの1つではあります。ですがこれらは本当にお客様が知りたい情報でしょうか？販売者の商品に対する熱は伝わるかもしれませんが、これでは商品のイメージは浮かびにくいでしょう。 お客様にとって、その商品がどれだけ優れているかよりも実際に家に置いたとき・使ったときどうかの方が重要です。 座ったときのサイズ感・メンテナンスはできるのか・10年使用してでどのくらい色見や座り心地が変化するのか・リクライニングの有無など。お客様の目線になって、実際に商品を買うときにあったら参考になる説明を書くようにしましょう。商品説明文は商品のPRだけではなく、あくまでも購入後をイメージさせる説明文です。

その5 実際に購入したお客様の声を載せる

いわゆる口コミというやつですね。 販売者からの説明文や商品画像だけでなく実際に購入した人の使用感や感想があると、安心感を与えることができます。また口コミは購入意欲を高める要素にもなるので有効活用しましょう。

6つのポイントを詰め込むと、、、

以上6つのポイントを押さえると、商品ページの構成はこのようになります。

ただこれが正解というわけではないので、ショップのコンセプトに合わせたりターゲット層を考慮して商品ページの構成を考えましょう。

1. T2O ONLINE STORE

カラーバリエーションや着用イメージの画像が詳しく載っており、シンプルですがわかりやすい商品ページになっています。

3. きもの和 給前

商品ページ内にもお仕立てや発送・返品交換についてしっかり説明があるので、高額な商品の注文でも安心です。

5. 相馬のおんちゃま

商品だけでなく加工所での画像もあり、産地直送感が伝わります。