Compass / Luxury Sales Center App

ipad app • touchscreen display • design system

 

Compass is the newest up-and-coming brokerage in the American real estate market. They differentiate themselves by empowering their brokers and agents to market themselves, using Compass’ proprietary technology and in-house marketing resources. However, the high end, luxury real estate market requires more than simple marketing.

For homes worth upwards of $45+ billion dollars, potential buyers are expecting the best of the best. That’s why The Stockton Group, Compass’ top luxury brokerage in Vail, Colorado, hired me to design a unique product that will serve as the driving force behind their sales initiatives.

The resulting product is a state of the art, responsive web app that searches the MLS database, and displays luxury property listings on massive touchscreens. The goal is to impress clients with the scale, visual design, 3D exploration, and ultimately, the beautiful homes for sale in Vail.

 
 
 
 

Wireframing

I worked directly with The Stockton Group team to plan the app from start to finish. We identified and created backlogs for MVP, Alpha, and Beta features. These were translated into wireframes, and ultimately a click-through prototype, to ensure ease of use and allow for user testing.

Prototyping

Invision prototyping allowed our clients to experience the user flow prior to development. It also gave our developers the proper cues, along with animation samples, to draw from while coding.

list1 - view list - grid.png

 

Sales Center Design System

After a round of testing, we were confident in the UX patterns that presented in the prototype. Although a low level of training is required for sales agents, they were generally able to do what they needed within the app.

The next step was visual design. Compass has a beautiful, well-established brand, as well as their own custom brand fonts. Because of this, I was able to quickly translate their brand into a series of UI elements, which were then developed into a design system for the app. Visual design is key; therefore, the system had to accommodate customizations in order to shine the best light on their properties.

Ultimately, everything was woven together beautifully within the design system, which allowed our developers to deploy code quickly for testing.

Initial UI Patterns

 

Dropdowns

Iconography

Inputs

Property Cards

 

Header Variations

 

List Card Variations

 The Vail Design Center app is currently live at the Compass Luxury Office in Vail, CO.