Comparing Compact and Expanded Booking Calendar LayoutsComparing Compact and Expanded Booking Calendar Layouts
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Booking Calendar: Compact or Expanded?
I’m testing two calendar layouts for booking a spa hotel stay.
Version A - Compact. The calendar, selected dates, number of nights, and button remain inside one card.
Version B - Expanded. After the check-in date is selected, a separate booking summary card appears below the calendar.
The functionality is the same - only the presentation and visual hierarchy are different.
Which version feels clearer and easier to use?

17 votes

Ends in 1d

Muhammad's avatar
How do you create videos like these?
Nicolette's avatar
my guess is a screen record?
Muhammad's avatar
but yeah which screen recorder?
Chondromollika's avatar
I choose Compact because it shows starts and end date with the number of nights. I did not choose Expanded because when another card appeared I thought it is for different thing.
Sahil's avatar
expanded
Tomiwa's avatar
These are great!
Expanded for me. Shows the selected dates clearly. Also I think a smooth slide-out transition would make this look even more sleek. What do you think? 🤔
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started