プロジェクト概要
商品の魅力と買いやすさを両立した楽天市場の店舗ページを制作いたしました。
楽天市場（GOLD）で制作した、フランス・パリ発のオーガニックスーパーマーケット ビオセボン様の公式楽天市場店です。アーモンドミルク・オーツミルクなどの植物性ミルクを中心に、イソラビオ・ビビテポラーラ・アナヴィエハといったブランドのオーガニック飲料・食品を扱う店舗ページで、店舗バナー、店舗内ランキング、プレゼントキャンペーン、ブランド紹介、新着アイテム、お試し3本セット、訳あり特別価格商品、お客様の声の順にセクションを並べ、左カラムにブランド別のカテゴリと受注・発送カレンダーを置いています。
楽天市場の中では商品点数の多い大手ショップと並ぶため、オーガニックの植物性ミルクという商品の魅力と、ブランドの世界観をまず伝えたい。同時に、本数違いやお試しセットなど類似した商品が多く、初めての人が目的の商品にたどり着き、迷わず購入まで進める買いやすさが求められました。
店舗上部に「SIMPLE×ORGANIC」のコピーとパッケージ写真の横長バナーを敷き、緑地に白のロゴで世界観を先に印象づけました。左のカテゴリはNEW・お試しセット・飲料・食品に加えブランド名で分け、本文では店舗内ランキングで売れている商品を上から示しています。その下にキャンペーン、新着、お試し3本セット、訳あり商品、お客様の声を縦に並べ、お試しから定番購入までを一本の流れにまとめました。
制作のポイント
オーガニックの植物ミルクを店舗バナーで前面に出す
店舗の上部いっぱいに「オーガニック 原材料は限りなくシンプル SIMPLE×ORGANIC」のコピーとアーモンドミルク・オーツミルクのパッケージ写真を置いた横長バナーを敷き、その下に緑地に白文字の「Bio c' Bon」ロゴを配置しています。本文側には「500mlサイズ登場！」の新商品バナーがスライド式で続きます。
ブランド別のカテゴリと店舗内ランキングで商品を探せる
左のショップカテゴリは「NEW」「お試しセット」「飲料」「食品」に加え、イソラビオ・ビビテポラーラ・アナヴィエハといったブランド名で分けています。本文では「店舗内ランキング」として集計期間つきで1位から4位の商品を並べ、送料無料と本数を画像内のラベルで示しています。
キャンペーンやお試しセットのセクションが縦に続く
ランキングの下には「プレゼントキャンペーン実施中！」「イソラビオとは？」「新着アイテム」「初めての方におすすめ！お試し3本セット」「訳あり特別価格商品」「お客様のお声」の順で見出しを置いています。左カラムにはトピックスと受注・発送カレンダーが並び、スマホ画面でもカテゴリ一覧が左に表示されています。
デザイン
