Friends, I’ve been scratching my head with the best way to handle displaying a “vast” collection of photos (in this case, real estate) into something that allows all photos to be gone through, while also not filling up the entire page (like a grid you’d see on a portfolio website).
In the past, I’d have used a simple JS carousel to display the starting image, with user-controlled buttons to advance at their pace. Now, search up carousels today and you see “DON’T USE OR YOU’LL MISS OUT ON CONVERSIONS”, and other similar topics that talk about the use of a carousel on the home page, where the average visitor will end up missing 90% of the important content due to the distracting visuals.
This isn’t one of those scenarios, as we’re talking about an image gallery to showcase a particular piece of property. The property in question has around 20 solid photos, each which showcase an important feature of said property. It would be a shame to have to cut that down to do a “preview” box that sits atop a grid of 4-5 photos, that onclick will fill up the preview box.
So! Let’s say you were tasked with creating a page for a piece of real estate, how would YOU best deal with the display of photos?
Based on other things I’ve seen, it’ll likely be a grid of thumbnails that onclick just brings up a dialog box that shows a higher-res photo. Not really ideal, as in addition to the the property title, I’d like for the visitor to be greeted with a nice, medium-res shot of the property in question.