WebGallery

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

*

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

   

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

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

 

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

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

 

MAARO

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

 

FREUV SUNSCREEN

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

 

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

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

 - 色で表現 , ,

  関連記事

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

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

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

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

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

色んな大きさの写真を配置することで、シンプルだけどボリュームのあるデザイン

岡山県観光土産品協会が運営する「観射亭」のホームページです。 緑を基調としたとて …

右上の部分に必要な情報を常に掲載しておく

  千葉県にある貸し別荘を提供する「コテージ・フラミンゴ」のホームペー …

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

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

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

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

暖色系を使い暖かみのある雰囲気に

  愛知県にある歯科医院のホームページです。トップに写真を配置するので …