Refine without crowding the search
A dedicated filter layer organizes price, home features, location, and property criteria while keeping the main canvas focused on results.
The Villages / Homefinder
I helped design and build a connected home search experience, bringing listings, filters, maps, and property details together across web and mobile.

Listings and location share one workspace, so comparing a home keeps its neighborhood in view.
01 / The challenge
Homefinder brings new homes, pre-owned homes, and homesites into one search. Returning visitors already knew the legacy tool, while the underlying listing data included overlapping and ambiguous attributes.
I worked with stakeholders to turn that complexity into useful choices, preserving familiar browsing behavior while clarifying the hierarchy of filters, results, and home details.
02 / Search & details
A dedicated filter layer organizes price, home features, location, and property criteria while keeping the main canvas focused on results.
Property details open over the search. Photography, specifications, floor plans, and contact actions stay together in one focused view.
03 / Mobile experience
Search, filters, and home details adapt around touch. The phone stays the same size while the content moves inside it.
Browse the listings, open a home, and explore its details in a recording of the public mobile experience.
Open live HomefinderScroll inside each phone to explore the full screen. You can also focus a phone and use the arrow keys.



04 / Implementation
The Angular micro-frontend gives the web and embedded mobile experience a shared foundation. Filters, listing cards, responsive behavior, and iconography follow the same product logic.
Working directly in the frontend let me resolve responsive details with engineering and carry the design through implementation.
05 / My contribution
I clarified requirements with stakeholders, helped structure the property information, and designed the search, filter, and detail patterns. My contribution also included iconography, Angular implementation, and responsive refinement alongside the engineering team.
The result presented here is the public Homefinder experience, with one continuous path from discovery to evaluating a home.
Next case study