WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

画面いっぱいに表示されるメニュー

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホーム …

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

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

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …