WebGallery

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

*

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

   

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです。

写真の商品部分はキラキラしているようなエフェクトを散りばめることで、中央の女性のように思わず商品に手が伸びてしまうような魅力的な写真になっています。

ページ全体が1ページごとにスクロールして画面遷移する仕組みになっており、余白を大胆に使ったデザインで高級感のあるwebサイトになっています!
文章を必要最小限に抑え写真を大きく配置することで、より印象的なコンテンツになっています。特に、ラインナップのコンテンツは暗めの背景に金色の商品が輝いており、どこか神秘的にも感じる絶妙な配置です。

クリックすると拡大されます。

その下のインスタグラムのコンテンツも、ただ商品をふわっと表示させるのではなくちょっと変わったアニメーションを使用しています。
何より1枚1枚の写真がとてもオシャレ!

そして、フッター部分にも動画を設置しています…!しかも画面いっぱいに配置されている!最後まで世界観が統一されている、商品の世界に酔いしれることが出来る素敵なデザインです。
こういったアニメーションを使ったデザインはとても参考になりますね…私も早くここまで出来るようになりたいです!

 - キャンペーンサイト, 写真で表現, 動きで表現

  関連記事

地名の由来を書いてご当地にさらに興味を持ってもらう

京都市にある株式会社 きぬがさが運営する和装小物店「京こもの 衣笠」のホームペー …

GWに開催されるジャズイベントのサイトがかっこいい!

2017年の4月28日・29日・30日の3日間にわたって東京の「ワテラス」で開催 …

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

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

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

東京都青山にある美容室のサイトがシンプルでカッコいい!

東京都港区青山にあるヘアサロン「Beauty Palor arca(アルカ)」の …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

落ち着いたデザインで、写真の色を際立たせる

福岡県福岡市にあるケーキショップ「Jacques」のホームページです。 なんと今 …

コンテンツの切り替えで雪を表現する

北海道上川郡美瑛町にある「展望花畑 四季彩の丘」のホームページです。 白黒とアク …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

アニメーションを使って分かりやすく見所を紹介している「びわ湖硫水船」のサイト

京都府京都市で乗船できる「びわ湖硫水船」のサイトです。 ファーストビューに大きく …