WebGallery

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

*

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

   

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

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

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

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

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

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

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

  関連記事

30代・40代の女性に受け入れやすいよう、可愛くなりすぎずシンプルなデザインになっているヨガスクール

大分県大分市にあるヨガスクール「Mysore Oita(マイソール大分)」のホー …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

野菜を全面にアピールしたサイト

  長野県にある食品製造会社のホームページです。トップにキャッチを配置 …

舌でも目でも石巻を楽しむことができる、「泳ぎ寿司 石巻」

今年の3月6日・11日に東京都にある「代々木ビレッジ code kurkku」で …