袖ノ浦港夏祭り｜袖ノ浦市観光委員会

• 夏祭り

  架空の地方都市、袖ノ浦。「もし自分の生まれた街に大きな花火大会のある夏祭りがあったら？」という発想をもとにこのサイトを制作しました。本サイトは、夏祭りの情報発信を通じた観光客の集客、花火大会有料観覧席の予約機能の提供、そして袖ノ浦市の豊富な観光コンテンツを魅力的に紹介することで観光収益の向上や周遊促進を目指します。

• トップページ + 下層3ページからなる袖ノ浦港夏祭り | 袖ノ浦市観光委員会【公式サイト】は、XDデザインカンプからのコーディング課題を元にして、ロゴ、画像、テキスト、配色、要素、一部セクション構成を再設計し、独自のアイディアを加えた作品です。

• ファーストビュー

  ファーストビューは5枚の画像をCSSアニメーションを使ってズームしながらふわっと画像が切り替わります。夏祭りへの期待感を演出しています。

• カレンダー

  modal、flatpickrを使用し、ヘッダーの観覧予約ボタンを押すとモーダルが現れ、カレンダーから予約日時を選択できます。

• アクセシビリティ

  お知らせページではタブの切り替えで表示内容が異なります。また、タブの切り替え、ハンバーガーメニューはアクセシビリティに配慮した設計をして、地域の高齢者や障害を持つ方でも使いやすいサイト作りを心掛けました。

• モバイルフレンドリーなレスポンシブデザイン

  スマ―トフォンサイズでは視差効果を表現したパララックスデザインにすることで操作性や利便性を向上させて、夏祭りへの誘客促進を目指します。