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

業種・テイスト別のLP(ランディングページ)デザイン実例を毎日更新
  • PCデザイン
  • SPデザイン
登録数
No.1
PCデザイン総登録数
46,413
※弊社実績数ではありません
登録数
No.1
SPデザイン総登録数
38,881
※弊社実績数ではありません
カラーから探す
カテゴリーから探す
カラーから探す
カテゴリーから探す
MENU
健康サプリ・健康食品

#シトラス LPデザインまとめ

シトラスを基調にしたLPデザインのポイントと制作上の注意を、業種傾向や色使いを踏まえてわかりやすく解説します。

シトラスとは?

シトラスは柑橘類をモチーフにしたデザインテーマで、爽やかさや清潔感、みずみずしさを視覚的に伝えることを狙います。この分野の一般的な傾向として、スキンケアやボディケア、飲料や芳香用品など、生活に密着した商材でよく採用されます。色調はイエローやグリーンを軸に、ホワイトやブルーで透明感を補い、グレーやブラウンで落ち着きを出すこともあります。写真はカットした果実や水滴、葉の質感を活かしたクローズアップが効果的で、テイストはキレイ系や爽やか系、オーガニック寄りの表現が相性良い傾向です。

シトラスLPデザインの制作方法

制作はまずターゲットと伝えたい「爽やかさ」の定義から始め、ムードボードで色味や質感を固めます。この分野の一般的な傾向に合わせてイエローやグリーンをベースにホワイトやブルーを組み合わせ、見せ場の写真は柑橘の断面や水滴、葉の質感をクローズアップします。レイアウトは余白を活かしたシンプル構成で、可読性の高いフォントを選びボタンや重要情報にアクセントカラーを使って視線を誘導します。モバイルでは画像最適化と読み込みの軽さ、CTAの指の届きやすさを優先し、テキスト量と視覚要素のバランスを調整してください。

シトラスLPデザインの注意事項

注意点として、シトラス表現は明るさや彩度の扱いを誤ると見辛さや安っぽさにつながりやすい点に留意します。鮮やかなイエローや強いグラデーションを背景にすると文字の可読性が低下するため、十分にコントラストを確認してください。写真の加工で実物と差が出すぎないようにし、香りや効能を想起させる表現は断定的にしないなど誤解を招かない表現を心がけます。色覚多様性や小さな画面での視認性、読み込み速度にも配慮して情報の階層を明確に保つことが重要です。

<ベースカラー>
<アクセントカラー>
<テキストカラー>

#FFF8E1
#FFB74D
#2E2E2E

モチーフ:柑橘の断面とみずみずしい水滴

#F0FFF4
#8BC34A
#263238

モチーフ:レモンとハーブのガラスボトル

#E8F5FF
#00A3E0
#0D1B2A

モチーフ:試験管と柑橘のクリーンイメージ

ソフナー シトラス&ティアレフラワー|FURELLY BOTANICAのLPデザイン(美容・スキンケア・香水/グリーン系/キレイ系)PC版
シトラスヴァーベナのLPデザイン(美容・スキンケア・香水/イエロー系/アート・芸術系)PC版

ロクシタンジャポン株式会社様

Category:
美容・スキンケア・香水

1426

コールドブリューコーヒーのLPデザイン(飲料・お酒/ブラウン系/かっこいい系)PC版
ネクターピーチティーのLPデザイン(飲料・お酒/カラフル系/アート・芸術系)PC版
泡までまるごとシトラスのLPデザイン(コスメ・化粧品・コンタクトレンズ/イエロー系/かわいい系)PC版
フレグランス特集のLPデザイン(日用雑貨/パープル系/キレイ系)PC版
シュウェップスのLPデザイン(食品/ブラック系/かっこいい系)PC版
FrancFranc「フレグランス特集」のLPデザイン(日用雑貨/ベージュ系/キレイ系)PC版
あずきなこ わらびもち 福 フラペチーノのLPデザイン(飲料・お酒/パープル系/和風系)PC版
スターバックス カティ カティ ブレンドのLPデザイン(飲料・お酒/ブルー系/キレイ系)PC版
100%プレミアムスムージーのLPデザイン(飲料・お酒/カラフル系/キレイ系)PC版
野菜生活100のLPデザイン(飲料・お酒/イエロー系/アート・芸術系)PC版
Special Design #2018 vol.2 | クリアクリーンのLPデザイン(日用雑貨/グレー系/かっこいい系)PC版
CEDRAT 男のロクシタン。地中海の風を感じるセドラ オムのLPデザイン(美容・スキンケア・香水/グリーン系/かっこいい系)PC版
2年F組 Fit’s(フィッツ)組  日本最強のクラスのLPデザイン(スイーツ・スナック菓子/ピンク系/にぎやか系)PC版
シトラス・ブロッサムのLPデザイン(香水・フレグランス/ブルー系/かわいい系)PC版
PHプロテクトUVスプレーのLPデザイン(美容・スキンケア・香水/ブルー系/キレイ系)PC版
ビー ルーティーンのLPデザイン(香水・フレグランス/ブルー系/かっこいい系)PC版
ルルルンローション クリアミストのLPデザイン(美容・スキンケア・香水/グリーン系/キレイ系)PC版
シトラスヴァーベナのLPデザイン(美容・スキンケア・香水/イエロー系/清潔系)PC版
STARBUCKS® TEAVANA ™のLPデザイン(飲料・お酒/ブルー系/シンプル系)PC版
MY FRAGRANCEのLPデザイン(日用雑貨/イエロー系/アート・芸術系)PC版
季節限定ウィンターシトラスシリーズのLPデザイン(スキンケア・ボディケア・ヘアケア/ブルー系/キレイ系)PC版
マキアレイベル カクテルエッセンス3種セットのLPデザイン(スキンケア・ボディケア・ヘアケア/ホワイト系/キレイ系)PC版
モイスチャー シャンプー & トリートメント モイストシャンプー モイストトリートメントのLPデザイン(スキンケア・ボディケア・ヘアケア/ホワイト系/キレイ系)PC版
バニララテ with ほんのりシトラスのLPデザイン(水・ソフトドリンク/ブルー系/爽やか系)PC版
ウルトラヴェールのLPデザイン(健康・美容食品・サプリ/レッド系/健康・癒し系)PC版
CHILL GREEN spicy & citrusのLPデザイン(日本酒・焼酎/グリーン系/シンプル系)PC版
ダイアンボタニカル ハンド&ボディソープのLPデザイン(スキンケア・ボディケア・ヘアケア/イエロー系/かわいい系)PC版
LighteeのLPデザイン(応急手当・保護用品/ホワイト系/清潔系)PC版
ウルモア ラエストジェンヌのLPデザイン(美容・スキンケア・香水/ピンク系)PC版
ジェントルマンコレクションのLPデザイン(スキンケア・ボディケア・ヘアケア/グレー系/シンプル系)PC版
VITAFULのLPデザイン(スキンケア・ボディケア・ヘアケア/グレー系/シンプル系)PC版
MINTIA+MASKのLPデザイン(美容・スキンケア・香水/ホワイト系/清潔系)PC版
初回ランショット シトラス味(120g×6本)のLPデザイン(健康食品・健康ドリンク・サプリメント/ブルー系/爽やか系)PC版
メイクの上からリフレッシュシートのLPデザイン(美容・スキンケア・香水/ブルー系/にぎやか系)PC版
Stride×ゴールデンボンバーのLPデザイン(食品/ゴールド系/かっこいい系)PC版
年商5億円以上の店舗サポート実績!楽天・ヤフーに特化した制作会社 トップページ、商品ページ、バナーなどの制作から反映までOK!

ヒント

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

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

次へ

ヒント

お気に入り登録が可能!

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