LP(ランディングページ)デザイン参考一覧

業種・テイスト別のLP(ランディングページ)デザイン実例を毎日更新
  • PCデザイン
  • SPデザイン
毎営業日
更新
PCデザイン総登録数
46,705
※弊社実績数ではありません
毎営業日
更新
SPデザイン総登録数
39,175
※弊社実績数ではありません
カラーから探す
カテゴリーから探す
カラーから探す
カテゴリーから探す
MENU

特茶のLPデザイン

PCページを見る
SPページを見る

特茶のLPデザインのLP情報

商品・サービス名
特茶
カテゴリー
お茶・紅茶・珈琲
企業名
サントリーホールディングス株式会社()
カラー
グリーン(緑色)系を利用してLP制作を行っております
イメージ
これらのLPは、「信頼・安心系」のデザインだと感じます
キャッチコピー
減らし方には、コツがある。
デザインに関して
1. 配色とカラーシステム

• ブランドカラーの明確な使い分け:サントリーのコーポレートカラーである深いグリーンを基調としつつ、「特茶」の象徴であるゴールド(金色)と、新ラインナップ「特水」のスカイブルー(水色)をセクションごとに明確に使い分けています。これにより、異なる商品カテゴリーが視覚的に混同されない工夫がされています。
• 高いコントラストによる視認性:黒や濃紺のダークな背景を持つ「広告紹介」や「特水」の動画エリアと、白や淡い色調の解説エリアを交互に配置しています。画面に強いメリハリが生まれ、スクロールしても飽きさせないリズムを作っています。

2. レイアウトと情報設計(UI/UX)

• 機能性を図解するインフォグラフィック:「特茶の秘密」や「特水ってなに?」のセクションでは、中央にターゲット(体脂肪やボトル)を配置し、周囲に丸いアイコンや吹き出しを放射状に並べています。文章を読ませるのではなく、図解によってメカニズムや飲用シーンを直感的に理解させる設計です。
• 比較しやすいラインナップ表示:「商品紹介」のエリアでは、5つの商品を横一列に等間隔で並べています。下部に「特定保健用食品(トクホ)」と「機能性表示食品」の区分を色分けした枠で示すことで、違いが一目で比較できるようになっています。
• 計算された導線(CTA)配置:ファーストビューの直下と、商品紹介の直下という「ユーザーが興味を持ったタイミング」に合わせて、オレンジ色の目立つ購入ボタンを配置しています。

3. タイポグラフィ(文字組み)

• 信頼感とインパクトの両立:見出しには誠実さや伝統を感じさせる明朝体をベースに使用し、大手メーカーのトクホ飲料としての安心感を演出しています。一方で、バナーのキャッチコピー(「減らし方には、コツがある。」など)は太く大きなゴシック体や明朝体で強調し、広告としての訴求力を高めています。

4. ビジュアル表現

• 清潔感と科学的なイメージ:余白(ホワイトスペース)を十分に確保し、図形やラインを細くシャープに描くことで、すっきりとした清潔感と、科学的根拠に基づいた機能性飲料らしいスマートな印象を与えています。

【注意】上記ランディングページは弊社で制作したデザインではございません
※弊社の制作実績はコチラです

年商5億円以上の店舗サポート実績!楽天・ヤフーに特化した制作会社 トップページ、商品ページ、バナーなどの制作から反映までOK!

ヒント

キャッチコピーを一覧確認

現在表示されているデザイン一覧のランディングページで使われているメインのキャッチコピーを一覧で確認する事ができ、キャッチコピー作成時の参考としてご利用頂けます。

次へ

ヒント

お気に入り登録が可能!

このサイトのランディングページデザインをフォルダ毎に分けて自分が参考になるデザインだけを集めて利用する事ができます。