Live
in July
Duration
Jan 14, 2026 - Present
Project Overview
Some more facts
67.8%
Current conversion from the Goibibo listing page to the property details page.
1.17
City searches showed more room for improvement than other search types.
Decoding Current Listing
Benchmarking
What influences hotel selection?
76%
Travellers prefer stays that are close to their planned activities.
69%
City searches showed more room for improvement than other search types.
How might we?
How might we redesign the hotel listing experience so travellers can discover relevant stays faster, compare properties with less effort and make confident decisions while keeping each listing card visual, easy to scan and consistent across different property types?
Defining the New Card Structure
Design System Updates
Star Rating
User Rating
Go Tags
Inclusions
Deals & Offers
Card Explorations
Structured Balance
This version groups the hotel details, inclusions, ratings, price and deal into clear sections, making the card easier to scan. The two-column layout keeps the inclusions compact and helps save vertical space, while the rating and price receive stronger emphasis.
However, several elements still compete for attention, making the lower half of the card feel slightly busy.
Compact Alignment
This version uses clear grouping, alignment and proximity to make the card easier to scan. The left-right layout creates balance and uses the available space efficiently.
However, limited negative space in the middle section makes the content feel dense and reduces separation between key information.
Cleaner Hierarchy
This version uses inclusion pills and stronger spacing to create a cleaner hierarchy. The added negative space improves readability, while the larger price creates a clear focal point.
However, the price feels slightly disconnected from the property details, and longer inclusion labels may make the layout less consistent.
Layered Flow
This version uses layering and proximity to connect the image with the property details. Clear spacing and a divider separate information from pricing, while the two-column layout keeps inclusions easy to scan.
However, the large gap before the pricing section adds extra card height and slightly interrupts the reading flow.
Focused Emphasis
This version creates a stronger visual hierarchy by grouping the rating with the image and placing the price in a clear right-aligned column. Better spacing and alignment improve scanability while keeping the card balanced.
However, the overlapping card shape adds visual complexity and may be harder to scale consistently across different content lengths.
Additional Explorations
Final Design
Listing Page
The final design brings together stronger visuals, clearer hierarchy and easier navigation. Filters remain accessible at the top, while each property card follows a predictable structure that makes information easier to scan and compare.
The same card system adapts across domestic hotels, international hotels, luxury properties and alternate accommodations, while keeping the overall experience consistent.
Listing Page with inline cards
Inline cards were added at relevant points to help travellers continue exploring without leaving the listing page. Each placement responds to a different user need, from finding alternatives to discovering locations and similar properties.
The inline cards make the listing page more useful by supporting discovery at the moment travellers need it.
Impact & Learnings
Visual Discovery
Larger images and a cleaner layout give properties more visual focus during exploration.
Faster Comparison
A consistent hierarchy makes ratings, location, inclusions and price easier to scan across properties.
Scalable System
Flexible components support hotels, luxury stays, alternate accommodations and changing content conditions.
Designed for millions of travellers worldwide with ❤️
Built a more visual, easy to scan and scalable listing experience for different traveller needs.
Looking forward to working together!