Hampshire Hotels
Responsive hotel websites focused on atmosphere, room selection and booking.
Experience the hotel on any screen.
Photography introduces the hotel, while the booking form, room selection and practical information provide direct routes towards a reservation.
On mobile, the booking form and essential hotel information are stacked. Expandable sections keep the remaining information accessible.
From exploring a room to booking.
The room page combines photography, room features, availability and a booking action. Offers have their own overview with imagery, prices and a clear next step.
Design approach and reflection
The challenge, design decisions and next step for Hampshire Hotels.
Challenge
Hotel visitors need to get a sense of their stay and then explore rooms, packages and booking options.
Analysis
The existing desktop, tablet and mobile designs combine hotel photography, practical information and reservations.
Design decisions
Atmospheric imagery supports exploration while room information and booking actions remain recognisable. Mobile content follows a single-column hierarchy.
Solution
A responsive hotel website, room-detail page and package overview bring presentation and reservation information together.
Validation and outcome
Designs for different screen sizes are available. Booking figures, usability findings and effects on reservations are not documented here.
Reflection
Balancing atmosphere with practical information is the central consideration. A next evaluation could examine the journey from choosing a room to making a reservation.
Let’s create something great together.
Have a project, design question or idea? I’d love to think along with you.
Get in touch