TMG Web Page Redesign

THE CHALLENGE

Enhance the look of the Mansour Group’s Properties for Sale Page by adding logos to the thumbnails

THE OUTCOME

A new design that made it easier for sales associates and clients to quickly find critical property information

The Problem

The original task was to add tenant logos to the Properties for Sale page, which had a grey background. Since the site uploader did not support transparency, new copies of over 100 logos would need to be created to make this happen. In order to save time, I came up with a solution that removed the need for new logos and improved the page’s functionality.

Before the redesign, clients would often call and ask about the availability of properties. Unfortunately for both the sales team and the clients, this vital information was not clearly visible on the page at first glance. In addition, navigation was confusing as the hyperlinked text (Details) did not display characteristics that usually indicate clickable text.

Close-up of the original thumbnail design on the Properties for Sale page

Close-up of the original thumbnail design on the Properties for Sale page

The Process

STEP 1

Low Fidelity Wireframe

STEP 2

High Fidelity Mockup

STEP 3

Design Implementation

The Solution

To solve the logo problem, I removed the grey background. This was done by expanding the white frame around each picture so that it covered the entire thumbnail. In addition to fixing the issues, the white frame created contrast that helped the thumbnails stand out on the page.

To reduce clutter, I removed unessential information from the thumbnails, in this case property addresses. I then put price and cap on separate lines and divide it from from the rest of the information, make pricing information easier to find.

To highlight property status, I placed the text in a solid rectangle at the bottom of each thumbnail. Color coding the rectangle based on status (blue = available, grey = pending or under contract) allowed clients and team members to tell if the property was available at a glance.

ABOUT THE CLIENT

The Mansour Group (TMG) is a nationally ranked commercial real estate group within Marcus & Millichap that specializes in the sale of net leased retail property. TMG uses its website to impress potential clients with past sales and showcase the group’s exclusive listings.

Visit the website at www.themansourgroup.com