WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

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

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

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

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

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

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

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

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

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

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

もうすぐ七夕の季節。短冊に書いた願いごとが叶いそうなサイト

京都市にある晴明神社が実行委員会として運営している「星に願いを」の特設サイトです …

アニメの世界観を表現したプロジェクト

2015年に全線開業から40周年を迎えた山陽新幹線とTV放送開始から20周年を迎 …

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

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

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …