Type and line drawing before photography
A serif wordmark and line drawings open the site; photographs arrive later, once there is a voice. The origin of the imagery is stated.
Independent concept · Web, art direction
LOMA
A small-hotel website where art direction does most of the work, and an enquiry that shows which nights are free and what they cost. The imagery is AI-generated and says so.
The challenge
The problem it tries to solve.
With three similar stays, the decision rests on how they feel, what they hold and which nights are free. An unstructured gallery does not help comparison, and a blind form does not help decide.
The design question: how do you convey quality with little interface, and make sure nobody asks for a stay, capacity or nights that do not exist?
Design decisions
Four decisions, in view.
Each one can be checked in the demo.
The three stays, one spec sheet
Patio (23 m²), Terraza (32 m²) and Suite Loma (48 m²), each with five photos and the same data, so they can be compared without relearning how to read them.
All three, side by side
A table brings together size, guests, beds, outdoor space and price per night, with “Choose” in each column, so nobody has to scroll up and down the page.
See which nights are free
The calendar marks each stay’s booked nights and will not accept a range that includes them: it says which night fails and which other stay is free. The total is calculated live and the enquiry ends in a summary. Up to 14 nights.
What you can try
A four-step walkthrough.
To see the decisions at work, in this order.
Compare the three stays in the table.
In the calendar, pick an arrival and a departure.
Try to include a booked night and read what it suggests.
Press “Prepare sample enquiry”.
Behind the interface
AI imagery
LOMA’s imagery is AI-generated and the site says so. The hotel, its brand, occupancy and prices are fictional.
- HTML, CSS and JavaScript, no external dependencies.
- Checked for console errors and horizontal overflow at 1440 and 390 px.
- Brand, imagery and data are fictional. No figure comes from real users.
With more time
What I would check with people.
These are hypotheses for a test I have not run yet, not results.
- Do people use the calendar or type the dates?
- Does the table help them decide, or do they go back to the photos?
Shall we talk about the role?
I can walk you through how I reached each decision in this concept.