WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

商品のイメージカラーの黄色を全面に出した、日焼け止めの商品ブランドのランディングページ3選!

   

日焼け止めが活躍する時期になりましたねー!
ですが暑かったり寒かったりで気温がなかなか安定せず、風邪を引いてしまいそうです…

サイトを見ていると、キラキラした背景を使用したりすることで日差しを防ぐイメージが出ています。
今日はそんな日焼け止めの商品ブランドのランディングページを3つご紹介します!

 

オールライトサンスクリーンシリーズ

ファーストビューの黄色い背景の上に置かれた日焼け止めの商品を置き、ちょうど中心に商品が来るように配置されています。
太陽の光で照らされているように商品が光っていることで、商品の白いパッケージが際立つようになっていますね!
webの配色も、パッケージで使用されている黄色とグレーを使用しているので、サイト全体に統一感があります。

 

MAARO

こちらはナチュラルな雰囲気を持ったデザインになっています。
背景に緑豊かな写真を使用することで、「オーガニック」という言葉が際立つようになっています。
また、体に優しい成分を使用しているというイメージが伝わりやすくなっています。

 

FREUV SUNSCREEN

こちらは空の色と黄色、そして左側にランニングをしている女性を配置することで、爽快感のあるファーストビューになっています。
商品を背景の境界に沿って配置するのではなく、あえてはみ出すように配置することでページ全体に動きが出ています。
さらに商品にキラキラとしたアニメーションを入れることで、商品がより際立つようになっていますね!

 

夏の暑さも吹っ飛んでしまいそうな爽やかな配色のサイトが多いですね!
黄色や水色などを使って清涼感を出していて、見ていて涼しくなるような色合いです!
商品の配色をうまく使って爽やかなイメージを表現しているのは、とても参考になります。

以上、日焼け止めの商品ブランドのランディングページ3選でした!

 - 色で表現 , ,

  関連記事

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …

ダンボールの角ばった雰囲気を出すために、背景に様々な台形を散りばめる

ダンボールで作られたランボルギーニ「ダンボルギーニ」のホームページです。 ファー …

広島にあるゴルフ場のサイトがシンプルでカッコいい!

広島県三原市にあるゴルフ場「久井カントリークラブ」のホームページです。 ファース …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

色とアイコンを中心とした、どんな年代にも受け入れられるデザイン

「一般財団法人 神戸住まいづくり公社」のホームページです。 どんな年代の人でも見 …

水色と白の配色がとても綺麗で爽やかな印象の「海ほたる」

東京湾アクアライン上にあるパーキングエリア「海ほたるパーキングエリア」のホームペ …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …