Home Details and Media Hub Redesign

Role

  • Full ownership and execution of the user experience and interface design

  • In close collaboration with Product owner and Engineering partners

Situation

  • The Home Detail Page (HDP) was not legally compliant with MLS (Multiple Listing Service) requirements due to mixing 3rd party and Pacaso listing information

  • Photos, videos, 3D walkthroughs and other media for home listings did not have a single location, leading to poor engagement

  • Status tags that represent availability, state of interior design, and more cluttered the home image

Task

  • Solve the MLS compliance issue by separating 3rd party and 1st party home details

  • Clean up the home photo while improving readability of status tags

  • Improve engagement with media

  • Ensure consistency between Web, Mobile Web, and native applications

Figure 1: Before the update

Combining home name with 1/8 share ownership price created legal noncompliance for the company and had to be addressed ASAP.

Figure 2: Before the update

Video and 3D tour separated from the photo gallery accessible via the hero photo above. Nondescript iconography.

Actions

  • Explored alternative layouts that solved for MLS compliance while maintaining consistency between various platforms

Figure 3: Early home header explorations

Separating home name and share price and ensuring visual consistency between desktop, mobile web, and native app layouts.

  • Explored optimal placement of status tags, leaving a distraction-free hero image to shine the best light on the home

Figure 4: Status tag explorations

  • Visualized a Media Hub that grouped photos, videos, 3D tours and other media into a single experience

Figure 5: Media Hub Mobile Explorations

Results

  • MLS compliance issue resolved

  • Increased engagement with home media from 23% to 38%

  • Page conversion rates (people contacting Sales after engaging with the Media Hub) went up by 240%

Figure 6: Final Home Detail Page

Figure 7: Final Home Detail Page - Native App

Figure 8: Media Hub - Photos