Websites · Design concept
A property discovery concept linking map and list browsing, property detail and comparison, with proposed selection and missing-data states.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
Keep location and listing information connected while visitors narrow a shortlist. The concept follows one browsing journey into detail and side-by-side comparison.
The overview combines a map with listing cards for location-led exploration.
A detail view gives the selected property more room for images and information.
A comparison screen brings selected listings into a common structure.
A proposed map selection should identify the matching list item. The list must remain usable without the map.
Comparison rows need consistent labels and units. Missing information should be shown as unknown rather than treated as zero.
Proposed design specimens. These are static examples, not working controls or a production specification.
Listing surface
#FFFFFF
Selection & maps
#245847
Comparison panels
#E9DFCD
Clear information. A considered next step.
Use clear sans-serif labels for listing facts and distinguish values from their units. Keep long location names readable without shrinking the entire card.
Group each listing’s image and facts. On mobile, give the map and list separate usable space rather than compressing a desktop split view.
No matching listings
No listings match these filters. Expand the area or remove a condition.
Added to comparison
Property added to your comparison. Review it alongside your other selections.
Listing unavailable
This listing is no longer available. Remove it from the comparison to continue.
A blank cell can mean unavailable information, a feature that does not apply or a loading problem. An explicit label avoids treating those cases as equivalent. Listing accuracy still depends on the source and update process.
