通販サイト特集ページの制作_父の日

OVERVIEW

商品特集ページ制作(企画/PC・SPデザイン/コーディング)

YEAR 2024

■雑貨メーカーにてECサイト担当時、通販サイト特集ページの制作を行いました。

【制作期間:3日】 

【使用言語:HTML・CSS】

【使用ツール:Photoshop、Dreamweaver】

実際のページはこちら


【担当案件】 

楽天モール 父の日特集ページLP

【制作範囲】 

全体(企画考案/商品選定/ワイヤーフレーム/ページデザイン/コーディング)

【ターゲット】

 ・父の日にプレゼントを贈りたい20代〜40代男女

・王道とは違ったものをプレゼントしたい

・フレグランス系が好きなオシャレなお父さんにプレゼントを贈る


【概要】 

◾️企画背景

楽天モール内でよく売れるのが安価な商品・日用消耗品であるが、

担当商材が比較的高値・日用品ではない商品が主軸のため楽天内での売り上げが苦戦していた

価格の強みが重要ではない「ギフト系」としては需要が強いのではとの仮説のもと、

新たにギフト系としてのLPを立ち上げ集客に繋げることを考案

直近父の日需要のシーズンが近かったため、まずは父の日特集を立ち上げることにした


◾️商品選定

男性向けとしても違和感のないデザイン、かつ売れ筋のブランド商品の中で選定

売れ筋商品内でそれぞれ購入された商品の顧客の男女比を洗い出した

すると、3ジャンルにおいて比較的男性にも需要があることがわかった

・リラックスグッズ(お香など)

・カーフレグランス

・香水


以下のジャンルは購入層で女性が圧倒的に多かったため今回の特集商材からは除外した

・ルームフレグランス(ディフューザー、フレグランスジェルなど)

・ボディケア(ボディミルクなど)


以上の分析により、男性需要もある3ジャンル内で商品を選定。

売れ筋商品や、新発売商品を特集ページに組み込むことにした。


◾️ワイヤーフレーム

ただ商品を並べるだけでなく、以下をポイントとした


・ページ看板画像に商品を並べる

・各商品カテゴリの切り口画像に楽天モール内検索結果リンクを追加



・ページ看板画像に商品を並べる

ページを開いてすぐにどんな商品が並んでいるかを伝えられるようにした

・各商品カテゴリの切り口画像に楽天モール内検索結果リンクを追加

楽天モール内の回遊性向上、楽天サーチSEO向上を狙いとした

↑「カーフレグランス」の看板を押すと

↑類似キーワードの検索結果に推移