伊右衛門のLPデザイン

PCページを見る

SPページを見る

お気に入りに追加

伊右衛門のLPデザインのLP情報

登録日 2026-11-11: https://www.suntory.co.jp/softdrink/iyemon/2026new/?fromid=001
商品・サービス名: 伊右衛門
カテゴリー: お茶・紅茶・珈琲
企業名: サントリーホールディングス株式会社（）
カラー: グリーン（緑色）系を利用してLP制作を行っております
イメージ: これらのLPは、「爽やか系」のデザインだと感じます
キャッチコピー: お茶は、そっと、人をつなぐ。
デザインに関して: 1. 余白（ホワイトスペース）を活かしたレイアウト

• ゆとりある配置: ページ全体のコンセプトコピーである「忙しい毎日に、余白を。」に合わせ、要素と要素の間に十分な余白が設けられています。情報を詰め込みすぎないことで、閲覧者に落ち着きや穏やかな印象を与えています。
• 視線誘導: 縦に長いランディングページ（LP）形式ですが、1セクションごとの情報量を絞っているため、スクロールしながらストレスなく内容を追うことができます。

2. 和の趣を感じる配色設計（カラーパレット）

• ベースカラー: 真っ白ではなく、和紙や生成り（きなり）を思わせる温かみのあるオフホワイト・ベージュ系を背景に採用し、目への優しさと「和」の質感を演出しています。
• メインカラー: お茶の葉やブランドロゴを象徴する落ち着いた緑色を見出しやボタンに使用し、自然な安心感を与えています。
• アクセントカラー: ファーストビューの番傘（赤）や、オンラインショップへの誘導ボタン（オレンジ）など、暖色系をピンポイントで配置することで、全体が単調になるのを防ぎ、クリックしてほしい場所を目立たせています。

3. 明朝体を中心としたタイポグラフィ（フォント）

• 上品さと伝統の表現: キャッチコピーや見出し、本文の多くに明朝体が使われています。老舗茶舗「京都福寿園」の伝統や格式、お茶の繊細な味わいを文字の雰囲気からも伝えています。
• 縦書きの活用: ファーストビューのキャッチコピー（「お茶は、そっと、人をつなぐ。」）に縦書きを取り入れることで、日本らしい情緒と視線のフックを作っています。

4. 商品が際立つ見せ方（ビジュアル表現）

• ファーストビューの訴求力: 緑の木漏れ日と赤い番傘を背景に、笑顔の人物と商品を大きく配置することで、爽やかさと親しみやすさを瞬時に伝えています。
• カルーセルでの商品紹介: 「伊右衛門シリーズ」のセクションでは、背景をシンプルに保つことでボトルのパッケージデザインや液色の違い（緑・赤・濃緑）が鮮明に際立つよう工夫されています。

5. 明確な導線設計（UI/UX）

• ボタンの役割分担: 詳細ページへ進むボタンはブランドカラーの「緑」、購入ページ（EC）へ進むボタンは目立つ「オレンジ」と色分けされており、ユーザーが迷わず次のアクションを起こせる設計になっています。
• 3つの特徴の整理: 「香り」「甘み」「水色（すいしょく）」という中味の特長を、番号付きのカード型レイアウトと写真で均等に並べることで、直感的に理解しやすくしています。