WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

リプトンカラーのデザインで気分も上がる!夏限定で自分だけのティードリンクを作ろう!

7月7日から8月31日までの期間限定で表参道にオープンしたアイスティー専門のカフ …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

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

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

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

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

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

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

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

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …