WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細

機能性表示食品「歩ひざ王」の広告運用・販売LP制作・分析改善（LPO）を担当

株式会社サンセリテ札幌さまが展開する、プロテオグリカン配合の機能性表示食品「歩ひざ王」の広告運用と、販売ランディングページの新規制作、公開後の分析・改善を担当しました。あわせて、記事LPの改善とスワイプ型への改修も実施。従来型の売り込み中心のサプリメント訴求から、ユーザーの悩みや願いに寄り添い、共感と納得を通じて購入を判断してもらうコミュニケーションへ抜本的に転換しました。広告から記事LP、販売LP、購入までの導線を一貫して見直した結果、記事LPから販売LPへの遷移率は約1.5倍、販売LPのCVRは約1.8倍に向上しました。

ランディングページのテーマ

売り込み型の訴求から、ひざ（膝）の悩みの先にある「続けたい日常や趣味」への共感を起点とした訴求へ

「歩ひざ王」の販売LPでは、成分や機能性を一方的に伝えるのではなく、膝の悩みを抱える方が日常生活で感じる不安や、これからも楽しみたいことに着目しました。「もっと早く始めればよかったという後悔を避けたい」「自分の足で趣味を楽しみたい」といった気持ちを想定し、ユーザーの悩みや願いへの共感から、商品への関心、内容への理解、購入の判断へとつながる構成を設計しました。男女間でのCVRの差も課題となっていたため、それぞれの関心に合わせて人物写真や生活シーンを調整。男性向けには、仕事に取り組む姿やバイク・車の手入れなど、自分の日常と重ね合わせやすいシーンを取り入れました。「ひざ再起動」というコンセプトを軸に、気持ちへの共感と、商品を理解するための情報を組み合わせ、ユーザーが押しつけられるのではなく、自分ごととして納得して購入を判断できるコミュニケーションを目指しました。

ランディングページのデザインコンセプト

従来型の売り込み中心の表現から、ユーザーの悩みや願いへの共感を起点とした構成へ転換
「ひざ再起動」のコンセプトを軸に、ブランドの世界観を統一したデザインを設計
男女それぞれの関心に合わせ、日常を想起しやすい人物写真や生活シーンを採用
成分説明に先立ち、ひざの悩みや先送りへの不安に寄り添うメッセージを配置
ひざに関する研究やカルーセル形式のポイント紹介を通じて、商品への理解と納得感を促進
クマのキャラクターアイコンなどを取り入れ、親しみやすく読み進められる表現を工夫

ランディングページのコーディング

販売LPをレスポンシブ仕様で構築し、スマートフォンでの読みやすさと購入導線を最適化
記事LPに、紙芝居のようにスワイプして読み進められる形式を実装
記事の内容を順に確認し、商品への理解を深めたうえで販売LPへの講座解説コンテンツに遷移する導線設計
価格説明セクションを通過したタイミングで、画面下部に追従CTAが表示される仕組みを実装
購入ボタン周辺のアイコンなどにアニメーションを加え、購入導線の視認性を向上
ファーストビューへの動画の組み込みや、購入エリア前のカルーセル実装により、内容を理解しやすい閲覧体験を設計

ランディングページの成果

記事LPからの遷移率が約1.5倍、販売LPのCVRが約1.8倍に向上

広告運用とLPの分析・改善を通じて、記事LPから販売LP、購入までの導線を見直しました。記事LPでは、内容を十分に読まずに離脱したり、途中を読み飛ばしたりする行動に着目。スワイプ型への改修などを通じて、ユーザーが情報を順に読み進め、悩みへの共感から商品への理解へ自然に進める構成に改善しました。また、販売LPでは、購入ボタンの位置が伝わりにくいという課題に対し、追従CTAの表示タイミングや、ボタン周辺のアニメーションを検証。商品や価格を確認し、内容に納得した後、スムーズに購入へ進めるよう導線を調整しました。こうした改善を重ねた結果、記事LPから販売LPへの遷移率は11％から17％（約1.5倍）へ、販売LPのCVRは3.33％から6.06％（約1.8倍）へ向上しました。従来型の売り込みではなく、ユーザーの悩みや願いに寄り添い、共感と納得を通じて購入につなげる訴求・構成・導線を一体で設計した事例です。