Facebook ゼリー飲料 LP デザインカンプ
Logo

ゼリー飲料 LP デザインカンプ

クレジット
Avatar
Webデザイン
ゼリー飲料 LP デザインカンプ-1
シェア

ゼリー飲料 LP デザインカンプ

【対象】 *20代〜30代女性 *美容、ダイエットに興味のある人 【使用用途】 *ブラウザ用 LP 【要望】 *白ベース+フルーツ由来のカラフル配色 *オシャレ × フレッシュ × 女性向け *「サプリっぽさ」は出さない *文字よりビジュアル主導 *健康食品ではなく「美容習慣」 *正しさより“続けたくなる空気感” *カフェ・コスメ・ライフスタイルブランド寄り 【気をつけたところ】 ① ファーストビュー *離脱防止が最優先とし、商品+果物・野菜の大きな写真を使用してインパクトを出す。 *背景は白 or 淡色 *CTAはFV内に必ず配置 ② 共感・課題提示 *写真は使いすぎない *テキスト中心、アイコン補助程度 *背景色を変えて心理的な区切りを作る。(心のモヤモヤを表現するようなブルーの背景を使用) *「読ませる」ゾーン *次のセクションへ自然に視線誘導するために背景をVラインにする ③ 商品コンセプト *商品パッケージ oとゼリーの質感が伝わるビジュアル *商品を動きのある配置で、目を飽きさせない *円モチーフで柔らかさを演出 *機能訴求は“軽め” ④ フレーバー紹介 *5フレーバー=5色で明確に区別 *Instagram的な「映え」重視。なるべく文字を読まなくても内容が伝わるように配慮しました。 ⑤ 利用シーン *人物は顔出ししなで、手元・生活カットのみでライフスタイル提案が伝わる写真にすることで、より自分自身の今の日常生活と重ね合わせやすくする。 *女性感は色(ピンクのフレームや・書体などで表現) *背景に商品カラーのグラデーションを配置することでより今の自分の生活に商品が溶け込むというイメージを与える。 ⑥ 価格・サブスク説明 *「分かりやすさ」を最優先 *数字は整理して見やすくまとめる *中心にまとめることで視線を集中させる *パッケージのような配達物のイメージを伝えるビジュアルデザインにしました。 ⑦ CTA共通設計 *CTAは最低3回配置(FV・中間・最終) *ボタン色はブランドカラーと連動(今回はアップル味のイメージのピンクを採用) *影・グラデーションで飲むゼリーのような立体感を出しました。 ⑧ FAQ *アコーディオン形式想定 *ボリュームは最小限 *② 共感・課題提示の部分同様、読ませるセクションなので、同様に青系を使用 【課題】 *商品の内容物の写真などがないため、いかにみる人にそのイメージと「食べてみたい」「一度購入してみよう」と思ってもらえるかが重要となる。 【対策】 *曲線や角丸、立体感でゼリーの質感を表現。 *商品イメージのカラーのグラデーションを各所で使用し、カラフルさやフルーツのフレッシュ感が伝わるようにしました。 【制作】 *使用ツール photoshop *制作時間  2〜3週間
クレジット
Avatar
Webデザイン
シェア
shinobu katoの他の作品
画像
作品を見る
ボディケアサロン ロゴ
画像
作品を見る
美容院HP デザインカンプ
foriio

あなたのforiioを無料で作成

fori.io/
ゼリー飲料 LP デザインカンプ-1

ゼリー飲料 LP デザインカンプ

【対象】 *20代〜30代女性 *美容、ダイエットに興味のある人 【使用用途】 *ブラウザ用 LP 【要望】 *白ベース+フルーツ由来のカラフル配色 *オシャレ × フレッシュ × 女性向け *「サプリっぽさ」は出さない *文字よりビジュアル主導 *健康食品ではなく「美容習慣」 *正しさより“続けたくなる空気感” *カフェ・コスメ・ライフスタイルブランド寄り 【気をつけたところ】 ① ファーストビュー *離脱防止が最優先とし、商品+果物・野菜の大きな写真を使用してインパクトを出す。 *背景は白 or 淡色 *CTAはFV内に必ず配置 ② 共感・課題提示 *写真は使いすぎない *テキスト中心、アイコン補助程度 *背景色を変えて心理的な区切りを作る。(心のモヤモヤを表現するようなブルーの背景を使用) *「読ませる」ゾーン *次のセクションへ自然に視線誘導するために背景をVラインにする ③ 商品コンセプト *商品パッケージ oとゼリーの質感が伝わるビジュアル *商品を動きのある配置で、目を飽きさせない *円モチーフで柔らかさを演出 *機能訴求は“軽め” ④ フレーバー紹介 *5フレーバー=5色で明確に区別 *Instagram的な「映え」重視。なるべく文字を読まなくても内容が伝わるように配慮しました。 ⑤ 利用シーン *人物は顔出ししなで、手元・生活カットのみでライフスタイル提案が伝わる写真にすることで、より自分自身の今の日常生活と重ね合わせやすくする。 *女性感は色(ピンクのフレームや・書体などで表現) *背景に商品カラーのグラデーションを配置することでより今の自分の生活に商品が溶け込むというイメージを与える。 ⑥ 価格・サブスク説明 *「分かりやすさ」を最優先 *数字は整理して見やすくまとめる *中心にまとめることで視線を集中させる *パッケージのような配達物のイメージを伝えるビジュアルデザインにしました。 ⑦ CTA共通設計 *CTAは最低3回配置(FV・中間・最終) *ボタン色はブランドカラーと連動(今回はアップル味のイメージのピンクを採用) *影・グラデーションで飲むゼリーのような立体感を出しました。 ⑧ FAQ *アコーディオン形式想定 *ボリュームは最小限 *② 共感・課題提示の部分同様、読ませるセクションなので、同様に青系を使用 【課題】 *商品の内容物の写真などがないため、いかにみる人にそのイメージと「食べてみたい」「一度購入してみよう」と思ってもらえるかが重要となる。 【対策】 *曲線や角丸、立体感でゼリーの質感を表現。 *商品イメージのカラーのグラデーションを各所で使用し、カラフルさやフルーツのフレッシュ感が伝わるようにしました。 【制作】 *使用ツール photoshop *制作時間  2〜3週間
クレジット
Avatar
Webデザイン
シェア
shinobu katoの他の作品
画像
作品を見る
ボディケアサロン ロゴ
画像
作品を見る
美容院HP デザインカンプ
foriio

あなたのforiioを無料で作成

fori.io/