WebGallery

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

*

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

   

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

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

 

前橋花火大会

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

 

高崎まつり 2018年

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

 

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

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

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

  関連記事

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

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

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

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

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

白を基調にして衣装や料理の写真を際立たせているモダンレストランのサイトがオシャレ!

愛知県安城市にある和モダンレストラン「hana no utage(花の宴)」のホ …

パステル調の明るく爽やかな「夏」の印象な「鈴乃屋のゆかた 2016」

「きもの鈴乃屋」のゆかたコレクションの特設サイトです。 浴衣ということで、風鈴や …