プロジェクト
和漢ブレンドティー「よりそい」ランディングページ制作
制作プロセス
今回のLPは、商品の企画段階から制作に関わりました。
- 新商品のコンセプト設計
- 企画書作成
- パッケージデザイン制作
- LP構成設計(ワイヤーフレーム)
- デザインカンプ制作
- LP実装
商品の世界観とターゲットを整理したうえで、
商品企画からLP制作まで一貫した設計を行っています。
使用ツール
・Wix Studio(白紙ページから実装)
・Figma(ワイヤーフレーム、デザインカンプ作成)
・Canva(企画書スライド作成、パッケージデザイン)
目的
和漢ブレンドティー「よりそい」シリーズ(全3種)販売促進。
「なんとなく不調。でも、病院に行くほどじゃない」という30〜50代女性の未病層に向け、商品の世界観と3種の選び方を伝え、購入へとつなげるLPを制作。
ポイント
「整えることは、自分を大切にするということ。」というコンセプトを軸に、ファーストビューから購入CTAまで、迷わず読み進められる導線を意識して設計しました。
共感ゾーン(こんな不調、思い当たりませんか?)→ 商品紹介 → 続けられる理由 → 口コミ → FAQ → クロージングCTA という構成で、購入への心理的ハードルを段階的に下げる流れを組んでいます。
3種(巡・整・眠)はそれぞれ色・キャッチコピー・使用シーンで差別化し、「自分に合った一つ」を選びやすくしました。薬草感が強い競合との違いを出すため、飲みやすさ・続けやすさ・ノンカフェインという安心感を随所に配置しています。
デザインの工夫
・ベージュやグリーンを基調とした、自然を感じる配色
・手描き風の装飾や素材で、ナチュラルな印象を演出
・スマートフォンでの閲覧を最優先に設計。
PCとスマートフォンそれぞれでレイアウトを個別に調整し、画像サイズ・文字量・ボタン配置をデバイスごとに最適化しました。
・3種の商品紹介セクションは、PCでは横並び・スマートフォンでは縦スクロールに切り替わるよう設計し、どちらでも比較しやすい構成にしました。
・商品のやさしい雰囲気が伝わる写真配置



