品質への取り組みのスマホLPデザイン

PCページを見る

SPページを見る

お気に入りに追加

品質への取り組みのLPデザイン（企業・会社・お店／ホワイト系／信頼・安心系）PC版

品質への取り組みのLPデザイン（企業・会社・お店／ホワイト系／信頼・安心系）スマホ版

品質への取り組みのスマホLPデザインのLP情報

登録日 2026-11-05: https://www.suntory.co.jp/company/quality/?ke=ft
商品・サービス名: 品質への取り組み
カテゴリー: 企業・会社・お店
企業名: サントリーホールディングス株式会社（）
カラー: ホワイト（白色）系を利用してスマホLP制作を行っております
イメージ: これらのスマホLPは、「信頼・安心系」のデザインだと感じます
キャッチコピー: サントリーグループ品質への取り組み
デザインに関して: 全体として、サントリーのブランドカラーである「青・水色」を基調とし、透明感と信頼感を両立させたクリーンなデザインが特徴です。

1. 配色とトンマナ（世界観）

• 信頼と安全を表すブルーのグラデーション: 背景や装飾に、爽やかな水色から深い青へのグラデーションや波のような曲線が使われています。これは「水」を大切にするサントリーの企業姿勢や、清涼感、そして食の安全に対する「誠実さ・信頼感」を視覚的に伝えています。
• 高いコントラストによる視認性: 白背景をベースに文字を配置し、重要なセクション（フッターや下部のバナーエリア）に鮮やかな水色を大胆に敷くことで、画面にメリハリ（強弱）をつけています。

2. レイアウトと構成

• ゆったりとした余白（ホワイトスペース）: 各要素の間隔が広く取られており、ごちゃごちゃした印象を与えません。これにより、ユーザーはリラックスして上から下へ視線を誘導され、内容をじっくり読むことができます。
• 情報のブロック化: 「トップメッセージ」「品質を守る取り組み」「品質を守る人」など、テーマごとに背景の切り替えやカード型レイアウトを使って綺麗に区切られており、どこに何が書かれているかが一目でわかります。

3. ビジュアルと装飾

• 丸（サークル）や曲線の多用: 直線的な硬いデザインではなく、丸い水滴のようなモチーフや、波打つようなウェーブの境界線が使われています。これにより、親しみやすさや優しさ、オーガニックな印象を演出しています。
• 製品・人物写真のバランス: ファーストビュー（最上部）には製品だけでなく、子どもたちの笑顔の写真を配置することで、「安心・安全の先にある人々の幸せ」というストーリー性を感じさせます。

4. UI/UX（操作性と見やすさ）

• 直感的なアイコン使い: 「品質を守る取り組み」のセクションでは、検査や製造などのステップがシンプルな線画アイコンとステップ図で表現されており、文字を読まなくても直感的に流れが理解できるよう工夫されています。
• 目立つCTA（行動喚起）ボタン: 「See More」や「一覧を見る」などのボタンは、背景に対してコントラストの高い色（鮮やかな青など）や、丸みのある形状で配置され、クリック（タップ）しやすいデザインになっています。