WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

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

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

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …

エイプリルフールに公開されたサイトをご紹介!第三弾「ロート製薬 NEXT SMART LIFE」

ロート製薬がエイプリルフールに公開した「NEXT SMART LIFE」の特設サ …

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

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

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

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

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

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

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

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

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …