プタワン公式ショップ楽天市場店様
楽天市場
楽天GOLD/ランディングページ
https://www.rakuten.ne.jp/gold/phutawan-shop/gift.html

お打ち合わせ
以前、プタワン公式ショップ楽天市場店様の制作・運用まわりをお任せいただいたご縁から、今回は新たに「ギフトページ制作」のご相談をいただきました。
ギフト商品はホリデーコフレや限定セットなど、シーズンごとに内容が入れ替わる前提。
そのため、単に見栄えの良いLPを作るだけでなく、今後もクライアント様ご自身で「商品の差し替えや画像変更ができる運用しやすいページ」にすることが重要な条件でした。
フランクルウェブでは、
- 情報設計(ワイヤーフレーム)
- デザインカンプ制作
- 楽天GOLD向けHTML/CSSコーディング
- Coming Soon画像・楽天トップ用ギフトバナー制作
- 担当者様が編集しやすいように配慮したコードコメント設計
までを、トータルで担当させていただきました。
制作
まずは、メーカー・楽天市場店・制作側それぞれのご要望を整理し、Figma上でワイヤーフレームを作成。
ページ構成は、
- メインビジュアル(ギフトラッピング済みアイテムと人気商品)
- 「ギフトを探す」ブロック(種類・価格帯から探せる導線)
- 季節のおすすめギフト
- 人気のギフト
- ギフトラッピングについて(ラッピング種別・注意事項・お買い物ガイドへの導線)
- お買い物ガイド/お問い合わせ
といった流れで、ギフト選びの迷いを減らしながら、自然に購入へ進める設計としました。
デザインカンプでは、プタワン公式オンラインストアのトンマナに合わせたナチュラルな色合い・写真の雰囲気を踏襲しつつ、楽天ユーザーにとって見やすい価格表示・ボタン配置を採用。
ホリデーコフレや定番ギフトが「誰に・どんなシーンで贈りやすいか」が伝わるよう、コピーとテキストも調整しました。
コーディングはFrankuLの開発環境上で行い、楽天GOLDの仕様を前提としたシンプルなHTML/CSS構成に。
商品名・価格・リンク・ラッピング種別など、あとから入れ替えが想定される箇所には、コメントを多数挿入し、クライアント様側での更新時も迷わないよう配慮しました。
また、メーカー側の画像提供が遅れた場合でもデザインが崩れないよう、プタワンの世界観になじむComing Soon画像を用意。楽天トップページからギフトLPへ誘導するための専用バナーデザインもあわせて制作しました。
| 種類 | 楽天GOLDギフトLP制作・ギフト特集ページ/導線設計 |
| 担当 | ディレクター:川角智美 デザイン・コーディング:N.Katsumata |
| ツール | Figma/Photoshop/Canva |
この度は私たちをパートナーにお選びいただきまして、ありがとうございました。
フランクルウェブでは、「ブランドの世界観」と「ECモールならではの買いやすさ」 を両立させた、楽天GOLDやECサイトのギフト特集・シーズンLP制作も承っております。
季節ごとに内容が変わるギフトページや、担当者様が自社で運用しやすいLPづくりをご検討の際は、ぜひご相談ください。