Realtor.com
Product Design for Dynamic Map Layers and 3D Property Exploration
Bringing TopHap’s intelligence to home search through Dynamic Map Layers and FlyAround.
2024 — 2026
Client
Realtor.com/TopHap
Industry
Platform
My Role
TopHap
Anton Danilovich – CEO
Dennis Khvostionov – CTO
Mischa Serlin – VPE
Realtor.com
Realtor.com Product Design Team
Realtor.com is one of the largest real estate platforms in the U.S. After years of designing TopHap as a real estate intelligence platform, I applied that experience to Realtor.com’s map-based search and discovery initiatives.
The challenge was to bring sophisticated spatial data and interaction patterns into a product designed for a much broader home-search audience. I worked across full-map search, data layers, heatmap visualizations, property interactions, and FlyAround experiences.
My role was to simplify complex map behaviors without losing the depth of information behind them — turning data-heavy interaction patterns into a more intuitive consumer experience.
Bringing Dynamic Data Layers to RealView™ Maps
Dynamic Map Layers brought property and market data directly into the search map.
Instead of opening listings one by one, users could visually compare patterns across an area, including: Home Value, Price per Sq. Ft., Days on Market, Property Age, Lot Size, Neighborhoods.
I designed new feature concepts, map experiences, and clickable prototypes integrating TopHap’s heatmap layers and data into Realtor.com. Mischa Serlin led technical delivery and communication with the Realtor.com team. All designs shown were approved and shipped.
2
X
Homebuyers using Realtor.com’s dynamic maps were twice as likely to submit a lead. [1]
40
%
Users who engaged with the maps generated 40% more visits per day. [1]
FlyAround
That same principle later extended into FlyAround, an immersive 3D property exploration experience powered by TopHap technology. Users could better understand the physical context around a home — lot shape, terrain, neighboring properties, roads, and the surrounding area. Where Dynamic Map Layers explained the market around a property, FlyAround helped explain the place itself.
10
%
of all listing detail page viewers engage with FlyAround feature [2]
2
X
mobile map engagement with FlyAround. [2]
References
[1] Realtor.com
Realtor.com article explaining how dynamic map layers help agents and homebuyers explore property values, market conditions, and neighborhood context through interactive maps.
[2] Google Cloud
Google Cloud documents TopHap’s collaboration with Realtor.com on immersive map-based property experiences.
Outcome
TopHap’s map-based intelligence became part of the Realtor.com experience through Dynamic Map Layers and FlyAround.
The work was a collective achievement by our team at TopHap and the Realtor.com team, bringing together expertise across product, engineering, technology, and real estate.
My contribution focused on full-map search, data layers, heatmap visualizations, property interactions, and FlyAround. The design challenge was to simplify complex map behaviors without losing the depth of information behind them — turning data-heavy interactions into a more intuitive consumer experience.
Disclaimer:
This project is presented for portfolio and case study purposes only. TopHap.com, Realtor.com, their respective trademarks, brand assets, photography, editorial content, and any third-party materials remain the property of their respective owners. No ownership or rights to any third-party content, trademarks, or intellectual property are claimed.
Explore More Work
Independent Journal Review
Independent Journal Review
Leavenworth
Leavenworth
TopHap Marketing
TopHap Marketing
TopHap
TopHap
Curiosity
Curiosity
Cycliq