DTM Hall
Management System
Turning Paper-Based Venue Booking into a Clean, Digital Experience
Booking a school hall shouldn't mean phone calls, paper forms and double-booked dates. The DTM Hall Management System digitises venue booking for Lyceum's premises - replacing a scattered, paper-based process with one unified platform where availability, pricing and layouts are all clear, visual and bookable in a few taps.
Context & The Problem
DreamTeam spotted a real gap in Sri Lanka's education sector: institutions were still juggling hall bookings on paper and over the phone. The result was confusion at every step - unclear availability, opaque pricing, and no easy way to compare one venue against another before committing.
"91% of users preferred a visual calendar over text lists, while 62% abandoned a booking because pricing was unclear."
Problem Statement
A paper-based, fragmented booking process made it hard to see what was available, compare venues, or trust the pricing - slowing institutions down and frustrating one-off bookers alike.
The Goal
Simplify complex booking flows, build institutional trust, optimise for very different users, and establish a consistent, scalable visual system across the platform.
Target Audience
Administrative staff who need real-time availability and bulk booking, alongside occasional end-users who just need a clear, intuitive way to reserve a hall.
Discovery & Research
Research split cleanly into two audiences - the administrators who run bookings daily, and the people who book a hall once in a while. Listening to both surfaced consistent pain points and a clear set of patterns to design against.
What the Research Revealed
- 78% struggled to compare venue features
- 62% abandoned bookings over unclear pricing
- 91% preferred visual calendars over text lists
- Side-by-side venue comparison to ease decisions
- Transparent, upfront pricing to build trust
- A colour-coded calendar as the booking centrepiece
User Personas
"I need to see what's free at a glance and manage many bookings without ever double-booking a hall."
"I book a hall once in a while - it has to be obvious, with no surprise costs."
"The calendar view saves me hours each week."
Cross-Persona Insights
Ideation & Structure
User Flow: Booking a Hall
The architecture was organised into four clear flows - Discovery, Venue Exploration, Booking Management and Support - using progressive disclosure so complex options only appear when a user actually needs them.
Information Architecture
Discovery
Home · About · Orientation
Venue Exploration
Halls · Layouts · Comparison
Booking Management
Calendar · Availability · Confirm
Support Channels
Contact · Help · Enquiries
Visual Design & Style Guide
The interface leans on a clean, mostly-white canvas with a single confident green accent - calm enough to feel trustworthy for an institution, sharp enough to feel modern. Card-based layouts make information easy to scan, and adaptive typography keeps everything readable from a 320px phone to a 1440px+ admin dashboard.
Sora was chosen for its crisp, modern character - a type family with subtle cues of early-screen typography, but built for the sharp digital environment of today.
A green and mainly-white themed palette was used to portray a clean and sleek user interface.
High-Fidelity Screens
The core of the experience - from the landing page to the hall layout and the colour-coded booking calendar. Click any screen to view it in high resolution.
Interaction Design & Emotional Intent
For an institutional tool, the feeling to aim for is quiet confidence - every interaction should reduce doubt, not add to it. Three signature patterns carry that intent across the whole experience.
Dynamic Calendar
Colour-coded availability indicators let anyone read what's free or booked at a single glance - turning the calendar into the heart of the product.
Comparative View
Side-by-side venue and feature analysis removes the guesswork, so users can choose the right hall with confidence instead of scrolling endless lists.
Progressive Disclosure
Complex options stay tucked away until they're relevant - keeping the interface calm and clean while still supporting power-user depth.
Outcome & Impact
Key Outcomes
"Finally feels like we've entered the digital age." - School Administrator · "The calendar view saves me hours each week." - Event Coordinator
📈 Outcome
Booking errors fell 63% and first-time task success hit 88%, with average session duration up to 4.2 minutes - backed by a sub-1.2s booking engine and a 95% Lighthouse accessibility score.
🧗 Challenge
Balancing rich detail with a clean interface. The fix: priority content upfront, secondary details on demand, and visual amenity indicators instead of dense text.
🚀 Next Steps
ERP system integration, AI-powered availability suggestions, and multi-language regional support to widen reach across institutions.
💬 Conclusion
DTM HMS shows how thoughtful UX engineering can transform an institutional process - reducing administrative burden while positioning DreamTeam as an edtech innovator.