WebGallery

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

*

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

   

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

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

 

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

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

 

MAARO

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

 

FREUV SUNSCREEN

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

 

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

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

 - 色で表現 , ,

  関連記事

商品の写真をメインにデザインされたサイトの言葉選びが和風で素敵!

東京都の銀座と六本木に店舗をかまえる「順理庵」のホームページです。 装飾を必要最 …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

見ているだけで幸せになれそうな結婚式の写真

群馬県前橋市にある結婚式場「ラ・フォンテーヌ」のホームページです。 ベージュ系の …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

イラストやアイコンを使って、女性にも親しみやすいデザインの土木建築会社

愛知県半田市にある土木建築会社「株式会社 知多土木」のホームページです。 ファー …

次の世代のために美味しい野菜を作っている農家さん

茨城県つくば市で、農薬を使用しない野菜を作っている農園「子供たちの未来農園」のホ …