WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

あまり知られていない上野動物園の魅力がギュッとつまった「UENO PLANET」が面白い!

東京都大東区にある「上野動物園」が運営する「UENO PLANET」の特設サイト …

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

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

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …

美味しく備える備災アイテム「備え梅」のサイトがオシャレ!

2017年3月に販売された、備災グッズ「備え梅」のホームページです。 パッケージ …

学生に馴染みやすく・伝わりやすい「関西テレビ 採用情報」

関西テレビ放送の2017年度採用情報が掲載されている「関西テレビ RECRUIT …

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

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

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …