こんにちは！

前回の記事では、文化祭ホームページを制作することになったことを書きました。

まだ制作は始まったばかりですが、パソコンを開いてすぐに作り始めたわけではありません。

まず最初にやったのは、「どんなホームページなら来場者が使いやすいのか」を考えることでした。

「かっこいい」より「見やすい」を優先

最初はアニメーションをたくさん入れたり、おしゃれなデザインにしたりしたいと思っていました。

でも、文化祭当日にホームページを見る人は、短時間で必要な情報を知りたいはずです。

そのため、デザインよりも「見やすさ」を優先することにしました。

文字を読みやすくしたり、ボタンを大きくしたり、初めて使う人でも迷わないような画面を目指したいと思っています。

スマホで見やすいことが一番大事

来場者の多くはスマートフォンでホームページを見るはずです。

そのため、

• ボタンを押しやすい大きさにする
• 文字を小さくしすぎない
• スクロールしやすいレイアウトにする

など、スマホでの使いやすさを意識して設計したいと考えています。

必要な情報をすぐ見つけられるようにしたい

文化祭では、

「次のステージは何時から？」
「模擬店はどこ？」
「この企画は何階？」

といった情報を探す人が多いと思います。

そのため、トップページからすぐに目的のページへ移動できるような構成を考えています。

あったら便利そうな機能

まだ実装するかは決まっていませんが、こんな機能があったら便利そうだと思っています。

• リアルタイムで更新されるタイムスケジュール
• 校内マップ
• 各企画の紹介ページ
• お知らせ機能
• 写真ギャラリー

実現できるか分かりませんが、一つずつ挑戦してみたいです。

初めてだからこそ学べることも多い

ホームページ制作は初めてなので、分からないこともたくさんあります。

それでも調べながら少しずつ形になっていくのは、とても面白そうだと感じています。

完成したときに「作ってよかった」と思えるようなホームページを目指して頑張ります。

まとめ

ホームページ作りは、デザインだけではなく「誰が、どんな場面で使うのか」を考えることが大切だと感じました。

これから実際に制作を進めながら、うまくいったことや苦戦したことも、このブログで紹介していこうと思います。

最後まで読んでいただき、ありがとうございました！

次回は「ホームページ制作に使うサービスを選んだ理由」について書いてみたいと思います。

文化祭といえばパンフレットやポスターが定番ですが、最近はホームページを活用する学校も増えてきています。

スマホで簡単に情報を確認できるため、来場者にとっても運営側にとっても便利な仕組みになりそうです。

今回は、文化祭ホームページのメリットについて考えてみました。

1. いつでも最新情報を確認できる

印刷したパンフレットは、一度配布すると内容を変更できません。

しかしホームページなら、

• 開催時間の変更
• 会場案内の更新
• 注意事項の追加
• 当日の案内

などをすぐに反映できます。

来場者も最新情報を確認できるので安心です。

2. パンフレットだけでは載せきれない情報を掲載できる

紙にはスペースの限界があります。

ホームページなら、

• 各団体の紹介
• クラス企画の詳細
• 写真ギャラリー
• ステージ出演者情報

などを自由に掲載できます。

文化祭の魅力をより詳しく伝えられそうです。

3. 校内マップが見やすくなる

文化祭では、

「目的の場所が見つからない」

ということも少なくありません。

ホームページ上でマップを公開すれば、

• 教室の場所
• 模擬店の場所
• ステージ会場
• トイレや休憩スペース

などを簡単に確認できます。

4. 文化祭前から盛り上げられる

ホームページは当日だけでなく、開催前にも活用できます。

例えば、

• カウントダウン
• 準備風景
• 紹介動画
• お知らせ

などを掲載することで、来場予定の人にも楽しみにしてもらえそうです。

5. 文化祭後の思い出として残せる

文化祭が終わった後も、

• 写真
• 活動記録
• 実行委員会からのメッセージ

などを掲載すれば、思い出として残すことができます。

来年以降の参考資料としても活用できそうです。

まとめ

文化祭ホームページは、単に情報を載せるだけでなく、

• 来場者の利便性向上
• 情報発信
• 事前PR
• 思い出の保存

など、さまざまな役割を持てそうです。

これから制作を始めるのであれば、「来場者が使いやすいこと」を意識して作ると、より良いホームページになりそうですね。

最近は文化祭でもホームページを作る学校が増えてきました。

パンフレットだけでは伝えきれない情報を載せられたり、スマホですぐ確認できたりするので、かなり便利そうだなと思っています！

自分たちもこれから制作予定なので、
「こんな機能あったら便利そう！」
と思ったものをまとめてみました。

プログラム一覧

まず絶対に必要そうなのがこれ。

• ステージ発表
• 模擬店
• 展示
• 教室企画

などを一覧で見られるだけでもかなり便利そうです。

時間順で表示できると見やすそう！

文化祭って意外と迷いますよね。

特に初めて来る人は、
「どこでやってるの？」
となりがち…。

スマホで見られるマップがあると便利そうです！

最近のイベントっぽくていいなと思ったのがこれ。

例えば、

• 混雑中
• 残りわずか
• 受付終了
• 開始まで○分

などをリアルタイムで出せたら面白そう！

運営側も管理画面から更新できるようにしたいです。

文化祭前から雰囲気を出せそう！

• 準備風景
• クラス紹介
• PV動画
• カウントダウン

などを載せるとワクワク感が出そうです。

来場者のほとんどはスマホで見ると思うので、

• 文字を大きくする
• ボタンを押しやすくする
• シンプルにする

などはかなり大事そうです。

SNS連携も便利そう

InstagramやTikTokと連携できると、更新も見てもらいやすそう！

文化祭の雰囲気も伝わりやすくなりそうです。

まとめ

まだ制作前ですが、考えるだけでもかなり楽しそうです！

最近の文化祭は“ホームページがある文化祭”も増えているので、来場者が見やすくてワクワクするサイトを作れたらいいなと思っています。

制作では、データベース機能やプログラムを活用し、回答情報を管理できるよう設定を進めました。最初は慣れない部分も多く、設定やコードの動作確認に苦戦する場面もありましたが、一つずつ調べながら改善を重ね、実際にアンケートとして動作する状態まで完成させることができました。

今回の活動を通して、Webサイト制作にはデザインだけでなく、利用者が安心して使える仕組みづくりも重要であると学びました。今後もさらに使いやすく、完成度の高いシステムにできるよう工夫していきたいです。

今回のサイトは Wix を使って作成していて、デザインの自由度が高く、スマホでも見やすい構成になるように工夫しています。

来場してくれる方が迷わないように、各ブースの情報やタイムスケジュールを分かりやすくまとめることを意識しました。
まだ調整中の部分もありますが、少しでも「見やすい」「使いやすい」と思ってもらえるサイトを目指しています。

文化祭当日は、このホームページもぜひチェックしてみてください。
より文化祭を楽しめるような情報を発信してい来たいと思っています。