WebGallery

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

*

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

   

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

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

 

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

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

 

MAARO

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

 

FREUV SUNSCREEN

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

 

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

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

 - 色で表現 , ,

  関連記事

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。 ファーストビュー …

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

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

カラフルだけどまとまり感のあるトランクルームのサイトが可愛い!

大阪にあるトランクルーム「大阪のトランクルーム レナンド」のホームページです。 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …