WebGallery

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

*

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

   

あっという間に6月も中旬ですねー!

今回は、少し先ですが8月に開催される花火大会のサイトを2つご紹介します!
どちらも画面を2つに大胆に分割したレイアウトで、花火の写真が綺麗に映えるサイトになっています!

 

前橋花火大会

8月11日(土)に開催される前橋花火大会のサイトです。
こちらは左側に写真のスライダー、右側にコンテンツのレイアウトになっています。フェードで切り替わる写真は、どれも印象的です。
左側のスライダーが常に動いている状態なので、右側の要素にはアニメーションを必要最小限に抑えることでバランスを取っていますね!

 

高崎まつり 2018年

こちらも同じく左側にスライダー、右側にコンテンツのレイアウトです。
右側のコンテンツはグリッドレイアウトになっており、クリックできない要素にもホバーアクションをつけて、統一感を出しています。
左側の花火の写真と右側のポスターの花火が、とても煌びやかでファーストビューもインパクト大ですね!

 

どちらも花火の写真がとても素敵ですね!
「高崎まつり」の方は、お祭りの様子を撮影した写真を使用していて、賑やかさや楽しさが伝わってきます。

以上、大胆なレイアウトを使った花火のサイト2つご紹介しました!

 - イベント系サイト, 写真で表現, 特設サイト , ,

  関連記事

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

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

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

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

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

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …

余白を使い、高級で洗練されたレイアウトにする

  2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイト …

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

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

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …