WebGallery

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

*

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

   

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

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

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

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

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

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

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

  関連記事

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

京都の魅力がギュッとつまった観光情報配信サイト

株式会社ユニオンネットが運営する、京都のおすすめ観光スポットを掲載している「KY …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

訪問看護事業のサイトが、従業員の写真をたくさん使っていて親しみやすい!

東京都江戸川区と沖縄県豊見城市に事務所をかまえる訪問看護事業「ウィル訪問看護ステ …

綺麗にレスポンシブされて、且つ分かりやすい

  福岡県福智町のふるさと納税特設サイトです。福智町のロゴの下に水引が …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

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

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

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

余白を使い、高級で洗練されたレイアウトにする

  2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイト …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …