Compass design examples

Compass

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

• 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

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 results page where the user names a saved search and configures email notification preferences for new listings.

• Search Results
• Filter & Sort

Compass

List view where the user manages their saved property collections and searches.

• Browse
• Table

Compass

Settings page where the user configures their marketing and search alert email preferences.

• Account Settings
• Notification Settings

Compass

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

• Forgot Password