睡眠改善まくら

広告バナー/LP導線設計【架空】

type : banner

Created date : 2026.01

広告バナーLP導線設計作品画像
日付アイコン

企画・デザイン バナー3時間/LP4日間

ツールアイコン

Photoshop

サイズアイコン

1200PX × 628PX

制作概要 OVERVIEW

睡眠に悩むユーザー向けの寝具商品のバナーと、遷移先となるLPワイヤーフレームを制作しました。
バナーでは商品のベネフィットを直感的に伝え、LPでは悩みへの共感から商品理解、購入検討へ進める構成を意識しました。

サービス設定 PREMISE

・睡眠の質に悩むユーザー向けの寝具ブランド
・無理に姿勢を矯正するのではなく、体に合う設計で眠りをサポートする商品
・睡眠の浅さ、疲労感、朝のだるさに悩む層を想定

ターゲット TARGET

20〜40代の男女。
睡眠の浅さや疲労感に悩み、寝具の見直しを検討している層を想定しました。

目的 PURPOSE

睡眠の質に悩むユーザーに商品のベネフィットを伝え、購入検討につなげることを目的としました。
機能説明だけでなく、「毎晩の眠りが変わる」という体験価値が伝わるようにしました。

課題 → 解決 PROBLEM / SOLUTION

寝具商品は、機能や構造だけでは使用後の変化が伝わりにくく、ユーザーが「自分の悩みに合う商品なのか」を判断しにくい点が課題だと考えました。
そこでバナーでは、夜の睡眠シーンと朝の目覚めシーンを左右に配置し、使用前後の変化が直感的に伝わる構成にしました。商品の機能そのものよりも、「眠りの浅さが改善され、朝をすっきり迎えられる」という体験価値を見せることを意識しています。
遷移先のLPワイヤーフレームでは、悩みへの共感から入り、その原因、解決策としての商品特徴、専門家の推薦、お客様の声、購入前の確認情報へと段階的に配置しました。
バナーで興味を持ったユーザーが、LP内で不安や疑問を解消しながら、購入検討へ進める流れを目指しました。

デザイン DESIGN

バナーでは、夜と朝の写真を対比させることで、睡眠の悩みと使用後の変化が伝わるようにしました。
人物の表情や姿勢から、眠りの浅さ・疲労感・目覚めの爽快感が直感的に伝わるよう意識しています。
カラーは深いブルーを基調とし、夜の落ち着きや信頼感を演出しました。訴求軸は「機能」ではなく「体験」に置き、商品の性能説明よりも「毎晩の実感」が伝わるデザインを意識しました。

カラーパレット

LP構成 WIREFRAME

LPワイヤーフレームでは、バナーで受け取った期待感を途切れさせないよう、ビジュアルとコピーの方向性をそろえました。
悩みへの共感、原因の提示、商品特徴、信頼材料、購入前の確認情報の順に整理し、ユーザーが納得感を持って読み進められる構成にしています。
最後にCTAへ進める流れを作り、興味から購入検討まで自然につながるよう意識しました。

LPワイヤーフレーム

lp