Challenge
A hospitality group needed to replace their paper-based guest check-in process with a modern, tablet-friendly web application that guides guests through room selection, personal data entry, and booking confirmation — all without staff involvement.
Solution
I developed a multi-step web application with Vue.js featuring a dynamic room selection screen with interactive floor plan, a personal data form with validation, a booking overview with digital signature, and a full German-language UI tailored to the client's brand.
Impact
The system eliminated paper-based check-in entirely, reduced average check-in time significantly, and enabled the hotel to manage room availability and guest data digitally from day one.
Built with
Screenshots
Project Overview
This project involved building a fully digital guest check-in and room booking system for a hospitality group, deployed on in-lobby tablets. The application walks guests through the entire check-in process in a step-by-step flow, from room selection to booking confirmation.
Key Features
- Interactive floor plan for per-room selection, with real-time availability colour coding
- Room type overview with feature comparison (Standard, Deluxe, Suite)
- Multi-field personal data form with client-side validation (name, contact, passport, vehicle registration)
- Booking overview screen displaying a full summary before confirmation
- Digital signature capture with touchscreen support
- AGB (terms & conditions) and Gästetaxe (tourist tax) integration
- Fully German-language UI matching the client's brand identity
Technical Highlights
The application was built with Vue.js and a PHP/REST API backend. The interactive floor plan renders room availability dynamically based on backend data, with colour states for available, occupied, and premium rooms. The multi-step flow uses client-side state management to preserve guest data across steps without premature server calls.
"Fantastische Zusammenarbeit mit einem hohem Grad an Zuverlässigkeit, Geschwindigkeit und Qualität."
Stephan Wiese
COO, bloc group