デザインしたもの
works

Smooth+様 LP
WEBサイト
架空のスムージー専門店のランディングページをデザインしました。
自然素材の冷凍スムージーを通販で購入できるサービスを想定し、フレッシュさ・手軽さを直感的に伝える構成とデザインにしています。
配色は明るくナチュラルなトーンで統一し、商品の魅力とブランドイメージを一目で伝えるよう設計しています。
制作範囲
ワイヤーフレーム作成 / デザイン / コーディング
ワイヤーフレーム作成
デザイン
コーディング
製作時間
60時間
使用ツール
Photoshop / VSCode
ターゲット
20〜40代の女性
健康志向・オーガニック志向が高く、食品にこだわりがある
課題
新規顧客に冷凍スムージーの魅力を伝えきれていない
商品の鮮度や自然素材の良さが伝わりにくい
購入ボタンまでの導線が分かりにくい
目的
新規顧客を獲得し、初回購入を通じて商品の良さを実感してもらうことで、リピート利用につなげる
情報設計
初めてのお客様にも、手軽に楽しめて安心できることが伝わるように情報を整理し、スムーズに初回のご購入へつながるよう工夫しました。
ファーストビュー:手軽さを伝える
「ホットミルクを注ぐだけ」という簡単さを写真とキャッチコピーで伝え、購入ボタンも設置することで、ユーザーがすぐに行動できる導線を確保しました。
商品の特徴:安心感とブランド姿勢を伝える
「地元産の新鮮な果物」「砂糖不使用」「無添加」の3ポイントに整理し、ブランドの姿勢と安心感を直感的に伝えられるよう工夫しました。
飲み方3ステップ:作り方の手軽さを示す
冷凍スムージーの手順を図解で提示し、初めての方でも手軽さが分かるよう配慮しました。
FAQ:購入前の不安を解消する
Q&A形式で、保存方法・賞味期限・届く状態・解凍の必要性などの疑問を掲載し、購入前の心理的ハードルを下げる役割を担うようにしました。
お試しセット(CVエリア):購入を後押し
送料無料・価格を明確に提示し、CV直下に購入ボタンを配置することで、購入行動を促す設計にしています。
購入導線の強化:行動しやすい設計
ファーストビュー・CVエリア直下・ヘッダー固定の3箇所に購入ボタンを設置し、スクロール中でもいつでも購入できる導線を確保しました。
デザイン
スムージー店らしい明るさとフレッシュさを表現するため、メインカラーには黄色を選定しました。
背景や全体の印象はナチュラルでさわやかに見えるライトトーンを採用し、本文テキストは背景になじみつつも可読性を確保できる濃いグレーを使用しています。
これにより、商品やブランドのイメージを直感的に伝えながら、読みやすさも両立させたデザインとなっています。