Badminton Link
A web application that centralizes badminton court reservations at KMUTT, replacing the fragmented Google Form process with a transparent, real-time booking system.
Created by: Chaithawat, Warit
Year: 2024
My Contribution
What I built and designed on this project
UX/UI Designer
Designed user flows, wireframes, and the full visual identity of Badminton Link — from the logo to the booking interface — based on user research findings.
Frontend Developer
Built the React + Tailwind CSS frontend, implementing court status displays, reservation forms, and responsive layouts.
Project Overview
Real-Time Badminton Court Booking for KMUTT
Badminton Link is a centralized court-booking platform built for KMUTT students and staff. The existing process required submitting a Google Form and waiting for an email confirmation — with no guarantee of receiving a reply or knowing which court was assigned. Badminton Link replaces this with a First-Come-First-Served system where users can see real-time court availability, book with a single click via their profile, and receive immediate Gmail notifications.
Problem & Goals
Transparency issues in the old reservation system that drove this project
Problem
The existing Google Form-based reservation system lacked transparency: users had no idea whether their booking was accepted, which court they were assigned, or when to expect a confirmation email. This made planning ahead nearly impossible.
Goals
Build a transparent, real-time court booking platform that gives users instant feedback on reservation status, shows court availability clearly, and eliminates the need to re-enter personal information every time.
User Research
Google Form survey (16 respondents) + in-depth interviews with 3 users
93%
13 users want to book courts via a dedicated website
87%
13 users prefer website as the most convenient booking channel
100%
4 users of past users experienced problems with the old system
56%
9 users had never booked a court — mostly because a friend did it for them
User Pain Points
Collected from Google Form survey and in-depth interviews
Opaque Court Assignment
Users felt court assignments were random and non-transparent, with no way to see which court was available or who had already booked it.
Slow & Unreliable Feedback
Email confirmation from the old Google Form arrived late and at unpredictable times, making advance planning nearly impossible.
No Rejection Notice
When a court was fully booked, users received no notification at all — simply left waiting without knowing the outcome.
Key Features
Designed to directly address every pain point uncovered in research
Court Reservation
One-click booking with instant on-screen status feedback — no more waiting for an email to know if the reservation succeeded.
Court Monitor
Live dashboard showing court status, the name of the person who booked, and the reserved time slot — full transparency at a glance.
Gmail Notification
Automatic Gmail confirmation sent immediately after a booking is made or rejected, so users always know the outcome in real time.
Profile Booking
User profile data is pre-filled automatically — book a court in just a few clicks without re-entering personal information each time.
FCFS Booking
First-Come-First-Served allocation ensures fairness: whoever books earliest gets the court, with no hidden randomness.
Requirements Traceability
How each user requirement maps to a built feature
| Requirement | Court Reservation | Court Monitor | Profile Booking | Gmail Notification | FCFS Booking |
|---|---|---|---|---|---|
| First booker gets the court | |||||
| Booking status feedback | |||||
| Easy information entry | |||||
| Timely and reliable feedback | |||||
| Transparent court availability display |
Tech Stack
Technologies used to build Badminton Link