WebGallery

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

*

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

   

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。

大きな花火や星座をバックにシャンドンが大きく配置された、インパクトのあるファーストビューです。
また、ファーストビューには背景に花火のアニメーションも設置してあって、それだけで華やかさが倍増しますね!

ページ全体もグリッドレイアウトではなく、ブロークングリッドレイアウトにすることでサイト全体に動きがでています。
商品名やアルコール度数を表記している部分は、背景を透明度のある帯状のものにすることで、アクセントになり注目度が上がります。

「シャンドンと楽しむ夏」のコンテンツでは、様々なシーンで撮影されたシャンドンの写真が配置されています。
プールサイドに置いたり、パーティを盛り上げるアイテムとしても活躍するボトルということが伝わってきますね!

 - イベント系サイト, 動きで表現, 特設サイト , , ,

  関連記事

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …

あじさいの色を使ってデザインされた「八景島あじさい祭」の特設サイトが幻想的で綺麗!

2018年の6月9日(土)から7月1日(日)まで、横浜・八景島シーパラダイスで開 …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

思わず眠くなってくる?雰囲気の絵本

子育て中のパパママたちの間で密かに話題になっていた絵本「おやすみ、ロジャー」の特 …