My Role
Lead Product Designer
UX Researcher
Visual Designer
Year: 2022
Platform: Web and mobile
Overview
With over 105 million site visits, remax.com serves as a top real estate franchisor and digital connection point for homebuyers, sellers, and real estate agents.*
High visitor site traffic presented the opportunity to improve slow search result page performance and optimize customer search touchpoints for web and mobile platforms.
Project Goals
Enhance site performance by optimizing load speeds and streamlining user interactions for web and mobile platforms.
Project Process
Worked closely with the product manager and engineer leads to leverage Google Analytics and identify the following key areas of focus:
Streamline Mobile Layout
Inefficient use of space and concealed presentation for filtering and sorting functionality on mobile devices. We focused efforts on consolidating the search interaction for mobile devices.
Decrease User Clicks
The filter system required extra clicks and manual inputs for users to engage. Interactive field ranges were inconsistently displayed creating visual confusion. We created an improved design system pattern to present a simplified experience and reduce cognition load.
Decrease Wait Time
Filtering API calls were live updating, forcing users to wait between multiple input field clicks. Focused on optimizing input field interactions and applying filter after search selections.
Project Results
24% Decrease in User Clicks
The previous filtering system required users to manually type input fields such as price range, sq. footage range, and home built range. All fields were converted to drop-down or hybrid model input fields, allowing users the easily and quickly input values.
Faster Page Load Times
Simplified the filtering API calls to update with the 'Apply' button rather than automatically between input fields. This significantly improved the user experience by removing wait times between input fields, and expediting the search results speed times.
Improved Visibility
Moved the search field to the top of the header to include more space and opportunity for engagement on mobile and tablet viewports. This allowed for pricing filters to be visible on mobile devices and increase engagement and lead conversion rates.
Optimized Engagement Touchpoints
Made several improvements to the existing filter interactions including updating toggle interactions to rounded button filters for faster multi-select and UI consistency. Added Home Type filters to desktop viewports with brand-friendly iconography for improved engagement. Updated the list and map view on mobile and tablet viewports to include new iconography and labelling for improved switch view comprehension.
*Based on a 2021 Camp + King survey of 5,000 home buyers, sellers, and people planning to buy or sell, in the U.S. and Canada.