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

PCページを見る

SPページを見る

お気に入りに追加

クラフトボス世界のTEAのLPデザイン（お茶・紅茶・珈琲／レッド系／かわいい系）PC版

クラフトボス世界のTEAのLPデザイン（お茶・紅茶・珈琲／レッド系／かわいい系）スマホ版

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

登録日 2026-11-06: https://www.suntory.co.jp/softdrink/2026new/craftboss/tea/
商品・サービス名: クラフトボス世界のTEA
カテゴリー: お茶・紅茶・珈琲
企業名: サントリーホールディングス株式会社（）
カラー: レッド（赤色）系、ホワイト（白色）系を利用してLP制作を行っております
イメージ: これらのLPは、「かわいい系」のデザインだと感じます
キャッチコピー: おいしくて　ごめんチャイ！
デザインに関して: 1. 「世界」を表現するカラフルなマルチカラー展開

サントリー「クラフトボス世界のTEA」のブランドコンセプトに合わせ、各フレーバー（チャイ、フルーツティー、アップルティー、ミルクティーなど）を象徴するマルチカラー（赤、ピンク、緑、青、黄、ベージュ）が効果的に使われています。
• 背景の切り替え：スクロールするごとに、商品のパッケージカラーに合わせた背景色へ大胆に切り替わるため、視覚的な飽きが来ず、各商品の個性が引き立つ構成になっています。
• セパレーターの工夫：セクションの区切り線（ボーダー）にすべてのキーカラーを並べた細いストライプを配置し、全体の統一感を持たせています。

2. 世界観を補完する「旅・ライフスタイル」の写真配置

単なる商品紹介にとどまらず、各フレーバーの紹介エリアの右下に、そのお茶のルーツやシーンを連想させる情緒的なスナップ写真（市場、海外の街並み、カフェの風景など）がレイアウトされています。これにより、飲むことで得られる体験や「世界のTEA」という旅行気分・異国情緒をユーザーに直感的にイメージさせています。

3. テキストの可読性を高める白帯（座布団）レイアウト

背景にビビッドな色やニュアンスカラーを敷きつつも、商品のこだわりや特徴（1、2、3の3ステップ等）を説明するエリアには半透明〜白のボックス（座布団）を配置しています。これにより、背景色に文字が沈むのを防ぎ、スマートフォンのような縦長画面でもストレスなく情報を読めるように配慮されています。

4. すっきりとしたブロック（縦積み）構造

スマートフォンのファースト（モバイルファースト）を意識した、横幅いっぱいにセクションを広げるストライプ型の1カラム（縦積み）レイアウトです。LINE UP、TVCM、PRODUCTSと上から順に視線がスムーズに誘導される、WebマーケティングのLP（ランディングページ）として非常に王道で美しい構造になっています。