Compass Listing Contacts

During a few user studies we had heard feedback that the agent information was small and difficult to read for some users. We also needed to add a title field for the agents shown on a listing to distinguish between a listing agent and alternate listing agent (for instances where one is included). Increasing both text-size and content meant that a new approach needed to be taken for displaying agent contact information.

 

Original Design

Web and mobile design

Web and mobile design

 

New Design

For desktop, a slat styled list gives us more space to display the required information. On mobile we used a card based design and displayed CTAs in place of the contact information.

For desktop, a slat styled list gives us more space to display the required information. On mobile we used a card based design and displayed CTAs in place of the contact information.