WebGallery

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

*

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

   

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

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

 

前橋花火大会

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

 

高崎まつり 2018年

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

 

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

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

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

  関連記事

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

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

不思議な空間に迷い込んでしまったような「WONDERLAND」

表参道にあるSABONがクリスマスコレクションの「EXPLORING WONDE …

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

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

水色をしようしたり、波線を使うことで海沿いの会場の雰囲気を演出したマルシェ

毎月第3土曜日・日曜日に横浜市北仲通北地区で開催されている「Yokohama K …

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …

イラストの雰囲気を大切にした音楽祭のサイトが可愛くておしゃれ!

2017年3月18日の土曜日から6月11日の日曜日まで兵庫県神戸市にある神戸文化 …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …