WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

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

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

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …

コンテンツと雲のスクロール量を変えることで奥行きを出したデザインにしたイベントサイトがおしゃれ!

2017年の5月4日・5日・6日の3日間にわたって蘇我スポーツ公園で開催される「 …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

写真が際立つサイト

長野県にある建築事務所のサイトです。フラットで構成されたとてもシンプルなデザイン …

「手作り感」を大切にしたパン屋さん

世田谷区にあるパン屋さん「手づくりパン COMUS(コモス)」のホームページです …

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …