The hotel group checked guests in on paper. Lobby, form, signature, key. That needed to move onto a tablet, without a receptionist on a pad.
I built the Vue app: floor plan for room choice, form, overview, signature on the touchscreen. German, in the brand design.
Paper check-in is gone. Guests walk the flow on the tablet. Rooms and data are digital from day one.
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