WebGallery

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

*

黒い背景に白いお皿で特別なご褒美感を演出したアイス

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

2016年11月29日に発売されたハーゲンダッツの「スペシャリア ピスタチオベリー」の特設サイトです。

真っ黒な背景に真っ白なお皿に乗ったアイスが真ん中に配置された、とてもインパクトのあるファーストビューです。
商品名の部分には、星が散りばめられていて時折点滅するようになっています。キラキラと光り輝いているようになっていて、プレミアムな感じがしますね!

下にスクロールすると、アイスクリームの層について詳しく説明されています。アイスの色ごとに説明文の文字色も変わったり、スクロールするとふわっと緑・赤・クリームの背景色が出現します。
この部分でも星が背景と連動して出てくるようになっていて、星や雪の道筋のようになっているのがとても幻想的です。

背景の黒を重く感じさせないように星や雪を散りばめたり、文字をゴールドにしたりすることで、高級感のあるアイスのイメージが伝わってくるデザインになっていると感じました。

 - 特設サイト, 色で表現 , ,

  関連記事

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

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

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

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

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

女性をターゲットに絞り、可愛らしい構成に

  大阪にある不動産会社のWebサイトです。ターゲット層が「ママ」や「 …

思わずお腹が空いてくる!お菓子のブランドサイト3選!

こんにちは!お菓子が大好きな社会人です! 今回は、「湖池屋」「カルビー」「森永製 …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …

画面いっぱい使って企業の商品やサービスごとに切り替わるコンテンツ

「RC HOUSING」のホームページです。 トップページはスライダーだけでなく …