Design: Buy page - Githubissues

darshi-shah commented 7 years ago

Design for Buy page (/buy) Same design will be used for

Vacant apartment(/buy/freehold-apartments)
Rented apartments(/buy/capital-investment)
Commercial property for sale(/buy/commercial-property-sale)
Favorites (/favorites)

darshi-shah commented 7 years ago

Hi Rainer,

Please let us know your feedback for attached design.

buy

Please note that the eye symbol refers to quick view feature. Let us know your thoughts on the same.

Thanks

heliogabal commented 7 years ago

looks good to me. What exactly is revealed with the quick view feature? That card would flip, but what info is shown there? Might be good to have one card in quick view to see the feature. Apart from that, I would move that to approved (which means indeed that it's ready to show the client).

darshi-shah commented 7 years ago

Hi Rainer,

Below are the options for quick view. Let me know your feedback on the same.

Thanks buy

heliogabal commented 7 years ago

keep it simple. The first example would do. Just black transparent. Another thing, looking at award winning real estate sites (webbly), They all tend to go bigger on the pictures, so would just put two apartments in a row. That would also allow for more of the title to be seen, as they tend to be longer than 2 Zimmer, $OG links now.

So could we try something more along the size of https://www.homely.com.au/buy/sydney-cbd-sydney-sydney-greater-new-south-wales?bedrooms=3 ?

darshi-shah commented 7 years ago

Hi Rainer,

Please see attached design based on your inputs. Let us know your feedback . "Search this area" feature is currently is not implemented on site. We are showing it in design to indicate how any button on map will look like. Please let me know if you want to implement "Search this area" feature.

Thanks buy1

heliogabal commented 7 years ago

oh, sorry, that was not really clearly formulated... I only meant the width of the images part, just have two apartments in a row with bigger images instead of 4. Didn't mean to also have the map on this page, that was only an idea for the apartment page...

But it can't hurt to show this option to the client as well, so thanks for that. Could you still do another variant only showing two aparts in a row, without the map?

Btw, I think the search this area function would be only necessary if we would load the results after changing the map area, but as we have all the results rendered at once for now, we wouldn't need that. User can just move the map and sees everything there is instantly.

darshi-shah commented 7 years ago

Hi Rainer,

Below is revised design. Please note that this design is not in line with rest of the site design as apartment box size changes, Let us know your feedback for the same.

Thanks buy2 buy1

heliogabal commented 7 years ago

Wow, I really think this design is superior! The images catch your attention, it's more modern, cleaner and less cluttered that way. Of course we would have to make sure that it is adapted and also works on all other pages, but I would definitely want to do that.

darshi-shah commented 7 years ago

Final mockup : https://cloud.githubusercontent.com/assets/15724372/22931386/734dcf4a-f2ea-11e6-8d41-66536b60ee03.png

saurabhd / hk_realestate

Design: Buy page #72