パルグループが展開する「3COINS」様の美容ライン「and us」より、新商品「ニードルファンデーション」のランディングページ制作をご依頼いただきました。デバイスバンドのLPと同じタイミングで、3案件同時にお声がけいただいた中の1つです。
「ニードルは痛そう」というユーザーの不安を払拭しながら、自然なツヤ感・オールインワンのベースメイク・カバー力という3つの魅力を伝えるLPに仕上げました。
制作の目的
商品の魅力訴求／購買促進
サイトURL
サイトを制作した結果・構築した仕組み
コスメ商品のLPとして、商品への「不安」を「期待」に変える構成設計と、ブランドの世界観を損なわない高品質な実装を両立させました。
ユーザーの不安を起点にした構成設計
「ニードルは痛そう」というネガティブなイメージを冒頭で正面から受け止め、そこから商品の魅力へと自然につなげる構成としました。不安を共感で包んでから解決策を提示することで、離脱を防ぎつつ購買意欲を高める導線を設計しています。
SVGアニメーションによる高品質な動的表現の実装
通常のHTML・CSS・JavaScriptだけでは表現が難しいアニメーションを、SVG画像を活用することで実現しました。美容商品らしい繊細で滑らかな動きを取り入れることで、ブランドの世界観を視覚的に高める演出としています。
購買意欲が高まるタイミングで表示する追従型CTAバナー
商品の3つのこだわりポイントを読み進めたタイミング、つまりユーザーの購買意欲が最も高まる瞬間に合わせて、画面下部に追従型のCTAバナーが表示される仕様を実装しました。スクロールの進行に連動して自然に現れる設計とすることで、押しつけがましさを感じさせずに購買行動へとスムーズに誘導しています。
スタッフレビューによるリアルな信頼感の訴求
実際の店舗スタッフによるレビューセクションを設けることで、商品への信頼感をリアルな言葉で伝える設計としています。インフルエンサーではなく現場スタッフの声を届けることが、ブランドらしい誠実さの表現につながっています。
制作に至った背景
3COINS様から同時にご依頼いただいた3案件のうちの1つです。案件を納品したタイミングで、新たにお声がけいただきました。
実施した内容
コスメ商品の”不安”を”期待”に変えるLP設計
- ネガティブイメージの払拭構成 ― 「ニードルは痛そう」という不安を冒頭で受け止め、魅力訴求へとつなげる導線を構築。
- SVGアニメーションの実装 ― 通常のHTML・CSS・JSでは難しい動的表現をSVGで実現し、美容ブランドの世界観に合った仕上がりに。
- 追従型CTAバナーの実装 ― 購買意欲が高まるタイミングに合わせて画面下部にCTAバナーが表示される仕様を実装し、購買行動への自然な誘導を実現。
- 3つのこだわりポイントの整理 ― ツヤ感・オールインワン・カバー力を軸に、商品の強みをわかりやすく構造化。
- スタッフレビューの実装 ― 実店舗スタッフの生の声をビジュアルとともに掲載し、信頼感を醸成。
