クラフトボスのLPデザイン

PCページを見る

SPページを見る

お気に入りに追加

クラフトボスのLPデザイン（水・ソフトドリンク／グリーン系／にぎやか系）スマホ版

クラフトボスのLPデザインのLP情報

登録日 2026-11-11: https://www.suntory.co.jp/softdrink/craftboss/2026new/variety/
商品・サービス名: クラフトボス
カテゴリー: 水・ソフトドリンク
企業名: サントリーホールディングス株式会社（）
カラー: グリーン（緑色）系、レッド（赤色）系を利用してLP制作を行っております
イメージ: これらのLPは、「にぎやか系」のデザインだと感じます
キャッチコピー: ベリー＆アサイ　アロエ＆キウイ
デザインに関して: 1. 補色関係（赤と緑）を使った鮮やかなカラー設計

• 対比によるアイキャッチ: 「ベリー＆アサイー」の赤系と「アロエ＆キウイ」の緑系という、色相環で反対に位置する（補色関係にある）2色をメインに据えています。お互いの色を引き立て合い、ファーストビュー（ページ最上部）で強いインパクトを与えています。
• カラーコードの統一: ファーストビューの背景色だけでなく、ページ内のナビゲーションボタン、セクション見出し、テキストの文字色まで「赤」と「緑」で徹底的に統一されています。これにより、ユーザーは直感的にどちらの商品の説明を読んでいるかを迷わず把握できます。

2. シズル感と躍動感のあるファーストビュー

• 斜めの構図と立体感: ボトルをハの字（またはV字）に傾けて配置し、背景の境界線も斜めに切ることで、画面全体に動きとエネルギッシュな印象を与えています。
• みずみずしさの演出: 周囲に氷、弾ける水しぶき、瑞々しい果実やアロエの果肉をふんだんに配置しています。一目で「冷たくて爽やかな果汁飲料である」ことが伝わります。

3. 情報設計と視線誘導（UI/UX）

• アンカーリンクボタンの設置: ファーストビューのすぐ下に「ベリー＆アサイー」「アロエ＆キウイ」の2つのボタンを横並びで配置しています。ユーザーが興味のあるフレーバーのセクションへワンタップでスムーズに移動できる親切な設計です。
• 清潔感のあるベースカラー: 派手なメインカラー（赤・緑）を引き立てるため、ページ全体の背景には落ち着いたオフホワイト（薄いベージュ系）を採用しています。これにより、商品画像やテキストの視認性が高まり、上品さも保たれています。

4. 「美味しさ」と「機能性」のバランス

• 機能性アイコンのバッジ化: 「クエン酸 1500mg」「塩分チャージ！」「1日分のビタミンB6」といった健康・リフレッシュ訴求の情報を、黒枠のバッジ風デザインにまとめています。シズル感あふれる写真の上に配置しても背景に埋もれず、しっかり目に入る工夫がされています。
• 余白を活かしたテキスト配置: 商品説明のコピーは中央揃えで簡潔にまとめられ、周囲に十分な余白が取られているため、ストレスなくスッと内容が頭に入ってきます。
このデザインの分析を活かして、さらに深掘りしたい部分はありますか？
• ターゲット層やブランドイメージとの関連性について
• ご自身の制作物（バナーやLP）に取り入れる際の具体的な応用方法
• スマホ表示とPC表示でのレイアウトの違いや工夫