Web Site

Web site

(架空)
”やすらぎの枕” LP


制作時期

2025年7月


制作時間

1週間
(ワイヤー:1日 デザイン:1日 コーディング:5日)


使用ツール

Photoshop / Xd / TeraPad

デザイン全体

Voice・Prodactsは横スクロール仕様

概要

ターゲット

30〜50代の女性を中心に、家事や仕事で忙しく、睡眠の質を改善したいと感じている方。


目的

「やすらぎの枕」という商品の魅力を伝え、購入を促すこと。


デザイン・構成

全体的に柔らかく、落ち着いた雰囲気で統一。青と白を基調とし、リラックス感や清潔感を表現。

  1. メインビジュアルで商品のベネフィット(安眠)を提示。
  2. コンセプト、特徴、レビュー、商品ラインナップという流れで、商品への理解を深め、信頼感を醸成している。
  3. 最後に購入ボタンを配置し、スムーズな購入を促している。

工夫したところ

レスポンシブデザイン

  • PC版
    • 複数の要素を同時に見せることができ、全体的な情報を素早く把握しやすいレイアウト。
    • アイコンや図解を大きめに配置し、特徴が直感的に伝わるように工夫。
  • スマホ版
    • CTAボタンを画面下部に固定し、ユーザーがいつでも購入できるようにしている。

レーザーに安心感を与える工夫

  • ファーストビューでのベネフィット訴求
    • ページを開くと、安眠しているモデルの画像と「やすらぎの枕」という商品名が目に飛び込み、ユーザーは「この枕を使えば安眠できる」という商品の最も重要な価値を瞬時に理解でき、期待と安心感を与えられるように工夫。
  • レビューの活用
    • 実際に商品を使用したユーザーの声を掲載することで、商品の信頼性を高めている。星評価と合わせて表示することで、視覚的に良い評価であることを伝えている。
タイトルとURLをコピーしました