← Selected work

The Villages / Homefinder

A better way to find a place to call home.

I helped design and build a connected home search experience, bringing listings, filters, maps, and property details together across web and mobile.

My role
Product design + Angular implementation
Team
4 design engineers + 2 software engineers
Platform
Responsive web + embedded mobile
Homefinder with property results beside the map and search controls above

Listings and location share one workspace, so comparing a home keeps its neighborhood in view.

01 / The challenge

Make a complex search feel familiar.

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

Keep the journey connected.

01

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.

02

Inspect a home without losing your place

Property details open over the search. Photography, specifications, floor plans, and contact actions stay together in one focused view.

Property filter controls over the Homefinder search
Refine the searchRelated criteria live together. Open the image for a closer look.
A home detail view with a photo gallery, home facts, and contact options
Evaluate a homeInformation and the next action share the same view.

03 / Mobile experience

The same journey, designed for a smaller screen.

Search, filters, and home details adapt around touch. The phone stays the same size while the content moves inside it.

Explore Homefinder in motion.

Browse the listings, open a home, and explore its details in a recording of the public mobile experience.

Open live Homefinder
Recorded from live Homefinder at a 390px mobile viewport. Press play to watch.

Scroll inside each phone to explore the full screen. You can also focus a phone and use the arrow keys.

Homefinder mobile listing results
BrowseCompare homes with search and map access close by.
Homefinder mobile search filters
RefineFocus on the criteria that matter to the search.
Homefinder mobile property details
InspectMove from photos to home facts and contact actions.

04 / Implementation

One interface foundation across platforms.

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.

Angular micro-frontendResponsive webEmbedded mobile

05 / My contribution

From ambiguous requirements to working interfaces.

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

Parcel Pending by Quadient

A focused multilingual kiosk experience for self-service parcel pickup.