WebGallery

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

*

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

   

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

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

 

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

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

 

MAARO

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

 

FREUV SUNSCREEN

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

 

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

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

 - 色で表現 , ,

  関連記事

職人の想いが伝わってくる「あらき修福堂」

福岡県福岡市にあるバッグや家具を修理・補修・リペア再生をする「あらき修福堂様(有 …

水彩絵の具のような優しい色合いにすることで、女性の方でも親しみやすいデザインになっているリフォーム会社がおしゃれ!

愛知県豊橋市・浜松市のリノベーション・リフォーム会社「株式会社リビングサーラ」の …

イラストレーションでイラストを使用し、分かりやすく可愛らしく

一級建築士事務所「朝日リビング」のホームページです。賃貸物件のリノベーションや個 …

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

ロゴマークでタイポグラフィ

  岐阜県にあるパン屋のホームページです。ロゴマークが螺旋状になってと …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

優しい色合いにすることで、リラックスできる空間をイメージさせる天然温泉

熊本県熊本市にある天然温泉「湯らっくす」のホームページです。 ロゴマークがゆるっ …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …