パルグループが展開する人気雑貨ブランド「3COINS」様より、新商品「デバイスバンド plusAL」のランディングページ制作をご依頼いただきました。定期的にご依頼をいただいているクライアント様で、今回も引き続きお声がけいただいての制作です。
「スマホなしでも使えるスマートウォッチ」という新機能を軸に、機械が苦手な方やはじめてスマートウォッチを使う方にも伝わるよう、やさしく・わかりやすく訴求するLPに仕上げました。
制作の目的
商品の魅力訴求／購買促進
サイトURL
サイトを制作した結果・構築した仕組み
大手ブランドのLPとして求められる高いクオリティ基準に応えるため、デザインの再現精度と技術的な表現力の両面にこだわって制作しました。
SVGアニメーションによる高品質な動的表現の実装
通常のHTML・CSS・JavaScriptだけでは表現が難しいアニメーションを、SVG画像を活用することで実現しました。滑らかで精細な動きはユーザーの視線を自然に誘導し、商品の魅力をより印象的に伝える演出として機能しています。大手ブランドのLPに求められる高いクオリティ基準に応えるため、表現の幅を広げる技術的アプローチを採用しています。
ターゲットに刺さる「共感」からはじまる構成設計
「設定がわからなかった」「スマホがないと使えないと知らなかった」など、スマートウォッチに対してユーザーが抱えるリアルな悩みをページ冒頭で提示し、共感を起点に読み進めてもらう構成としました。課題提起→解決策の提示→機能説明→購買というLP王道の流れを、3COINSのブランドトーンに合わせてやさしく展開しています。
複数ターゲットに対応したおすすめ訴求
高齢のご家族へのプレゼント・機械が苦手な方・はじめてのスマートウォッチとして、など複数のターゲット像を明示したセクションを設けることで、幅広い購買層それぞれに「自分ごと化」してもらえる設計としています。
制作に至った背景
3COINS様とは以前よりお取引があり、商品LPの制作を定期的にご依頼いただいています。前回の案件を納品したタイミングで、新たにLP(ランディングページ)制作のご依頼をいただきました。
実施した内容
商品の”使いやすさ”を伝えるLP設計
- SVGアニメーションの実装 ― 通常のHTML・CSS・JSでは難しい動的表現をSVGで実現し、ブランドクオリティに応える仕上がりに。
- 課題提起セクションの設計 ― ユーザーのリアルな悩みを冒頭で提示し、共感から読み進める導線を構築。
- 複数ターゲットへの訴求設計 ― 高齢者・機械が苦手な方・プレゼント用途など、幅広い購買層に対応したコンテンツ設計。
- 関連商品への誘導 ― ウォッチベルトや体組成計など周辺アイテムへの自然な導線を設置。
