■大手通販会社にてECサイト担当時に、商品ページの改善を行いました。
【制作期間：1週間】
【使用言語：HTML・CSS】
【使用ツール：Photoshop、Dreamweaver】
【結果】
商品ページへの流入：約2倍に増加
CVR：1.5倍に増加
売り上げ：約2倍に増加
実際のページはこちら
【担当案件】
雑貨 商品詳細ページ
【制作範囲】
商品ページ全体
【ターゲット】
・車をよく運転する20代〜40代男女
・丁寧な暮らしをしている
【改善実施の背景】
・楽天モール内に商品を広告掲載した際、
他商品と比べページ内離脱率が2倍ほど高かった
→商品ページを改善することで売り上げを大きく改善できるのでは、との仮説のもと実施
【改善内容】
◾️メイン画像の改善
◾️商品説明部分をナンバリング
◾️香りの説明部分を短縮
ーーー
◾️メイン画像の改善
・改善前
ほぼ商品の画像のみで、商品の特徴が伝わりづらかった
・改善後
商品の特徴を3点に絞り追加。
見ただけでどんな商品か伝わるようにした。
◾️商品説明部分をナンバリング
・改善前
商品説明部分が間延びしており、読みづらい。
→離脱率の原因になっていたのでは
・改善後
特徴部分それぞれをナンバリングすることで
視認性を向上させた。
◾️香りの説明部分を短縮
・改善前
香りの説明部分が間延びしていた
・改善後
各香りを２カラムにすることで香り説明を短縮
香りの説明を短いスクロールで目にしつつ、商品説明部分にもすぐにスクロールできるようにした
