Compass design examples

Compass

Sign-in screen where the user authenticates with email and password or via Facebook.

• Forgot Password

Compass

Password recovery screen where the user enters their email address to receive reset instructions.

• Forgot Password

Compass

Signup modal where the user creates an account using their name, email, and password, or authenticates via Facebook.

• Sign Up

Compass

Landing page where the user must accept the Terms of Service and Privacy Policy via a blocking modal before accessing the real estate search.

• Confirmation

Compass

Search overlay where the user looks for real estate listings and neighborhoods in New York City by typing a query.

• Search

Compass

Search results page where the user browses property listings in a split view with an interactive map and a filterable grid.

• Search Results
• Filter & Sort

Compass

Product page detailing a real estate listing for a specific apartment unit, including price, photos, amenities, agent contacts, and neighborhood information.

• Media Detail
• Favorite

Compass

Detail page where the user views a full-screen image gallery of a real estate listing, navigating via top-right arrows or a bottom thumbnail strip.

• Media Detail

Compass

Full-screen map view showing a specific location pin with a vertical social sharing bar and zoom controls.

• Map
• Share

Compass

Search overlay where the user saves a selected real estate listing to a new or existing collection.

• Search
• Select

Compass

Search page where the user filters real estate listings in the Lower East Side by price, beds, and specific features alongside an interactive map view.

• Search
• Filter & Sort

Compass

Search results page where the user names a saved search and configures email notification preferences for new listings.

• Search Results
• Filter & Sort