WebGallery

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

*

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

   

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

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

 

前橋花火大会

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

 

高崎まつり 2018年

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

 

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

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

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

  関連記事

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

動画・写真を活用した重厚感のあるデザインの酒造会社のサイト4選!

先週から暑い日が続いていますね…最近は「暑い」しか言っていない気がします。 夏の …

ヘッダーに固定された屋根と黒い背景で奥行きを出す

群馬県前橋市にある料理店「登利平」のホームページです。 ヘッダー上部にある屋根が …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

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

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

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …