Making map experience better

Realtor.com is the digital source for home buyers and real estate professionals, offering the most comprehensive source of for-sale properties with nearly 63 million visitors each month in the U.S.
With map being the first landing screen once users opened the app, we have a great opportunity to enhance the map experience to help our users finding homes from their phones easily.

My role in this project was to lead the end to end experience for iOS, Android, and Website. It included partnering with a Researcher, Product Managers, and Local Data Engineers, and Frontend Engineers.

 
 

Problems with the old design

  • Users can’t filter homes nearby schools that has a great rating

  • Difficulties to find filter page

  • Can’t find list view

  • Filter redundancy

  • Property pins slow loading time

Solutions

  • Cleaning up the look and minimize the clutter to avoid redundancy so users can easily find filter and list view.

  • Add school layers into the map option so users can see properties near schools that has a great rating.

  • Enhance property pins to improve speed performance

 
divider.jpg

School Pins

 
school ui.gif
 
School screens.jpg
School pin.jpg
 

Property Pins

 
ezgif.com-resize (2).gif
 
Property pins.jpg

Noise Layer

 
SRP-LDP.gif
 
noise layer.jpg
 

Illustrations

Illustration.jpg

Iconography

Iconography.jpg
 

Results

  • Customer satisfaction score increase from 82 (January 2019) to 84 (March 2019) 🎉

  • +2.4% iOS property page views engagement

  • +95.5% save search button engagement (from 13,126 to 25,480)

  • +3.8% lead submitted