文化祭スタンプラリー

https://github.com/minmmmmin/progate-hackathon-202605

Next.js

TypeScript

PostgreSQL

TailwindCSS

QRスタンプラリーで文化祭の混雑状況を可視化するマップアプリ

さくぱん

min

もみじゅ

kazari4

推しアイデア

スタンプから混雑状況を把握。

作った背景

文化祭に関わる全員の想いを実現する「三方良し」のアプリです。運営は来場者に楽しく校内を回遊してほしい。出店者は自分たちのブースに沢山の人が来てほしい。参加者は待ち時間を極力減らして効率良く回りたい。これらの願いを、遊んでいるだけで自然と混雑が可視化される仕組みで同時に解決します。

推し技術

・QRコードを利用したデジタルスタンプラリー機能 ・Tailwind CSS によるポップで親しみやすいUI設計

プロジェクト詳細

1. 作るもの

文化祭をもっと楽しく効率的に回れる 「デジタルスタンプラリー」アプリ

来場者が模擬店や展示を回りながら、スマホでスタンプを集められるWebアプリを作成します。 さらに、会場の混雑状況も可視化し、「今空いている場所」や「おすすめのルート」を見つけやすくします。

2. 「誰」の「何のため」に「何を作る」のか

誰のために

  • 文化祭に来る来場者
  • 文化祭を運営する学生

何のために

  • 文化祭をもっと楽しく回れるようにしたい
  • 「どこ行こう?」を解決したい
  • 人が偏りすぎることを減らしたい
  • 混雑で諦めてしまう体験を減らしたい

何を作るのか

来場者向け機能

  • QRコードを読み取ってスタンプを集められる
  • 現在のスタンプ取得状況を確認できる
  • 会場ごとの混雑状況を確認できる
  • 空いているブースをおすすめ表示する
  • スマホで快適に使えるUI

運営向け機能

  • スタンプスポットを登録・編集できる
  • 各スポット用のQRコードを管理できる
  • 混雑状況を更新できる
  • ブース情報を管理できる

3. 挑戦すること

  • リアルタイムで変化する混雑状況の可視化
  • 文化祭らしい、ポップでわくわくするデザイン
  • 小さい子どもから高齢者まで直感的に使えるUI設計
  • 人が多い場面でも快適に動作する軽量な設計
  • 「次はどこに行こう?」と思える回遊体験づくり
  • スマホ・PCどちらでも見やすいレスポンシブデザイン
  • 来場者向け画面と運営向け管理画面の設計・実装
  • スタンプを集めたくなる演出や体験づくり

さくぱん

@saku_pan