Putting it all together- The look and feel of Cloud CMA

This is Part VI in our “Does the world really need a new CMA program?” series in which we blog about the creation of our latest web application, Cloud CMA.

Putting it all together- The look and feel of Cloud CMA

First things first I have to start out by giving credit to our design partners at Wake Interactive. Damien and his guys did a great job on Dwellicious and really blew the doors off with the design concepts for Cloud CMA. As I said before we did about 20 demos in San Diego and everyone was blown away by the UI design of Cloud CMA.

Our goal from the start was to lessen the steps in creating a report. Cloud CMA may not do everything that other CMA applications do but it damn well was going to be the most intuitive.

We also wanted to really do something innovative with the way data is displayed and sorted. One of our biggest arguments/discussions/brain storms was centered around the use of grids/tables. Dan thought grids were too old school and wanted to come up with something new. I was worried that while a grid/table might be old school, they worked really well when you wanted to sort and display data.

No Grid!

We went to what we call “listing cards”. They convey information in many ways: numbers, text, color and iconography. See the screen shot below:

Voilà!

You can change the order of these cards (say for a buyer tour) by simply dragging them:

Just click, and drag

When you deselect the listing it simply fades in to the background (very sexy!):

Bad comps don't die, they fade away....

If you want to see further information about the listing you can simply click on the “Detail & Adjustments” link to expand the card:

Listing Card- Expanded view



We think listing cards will be a hit with our customers.
They convey a ton of information with just a look. You also don’t have to open another window to see more detail. They might not be useful when you have a lot of listings to sort through, as in an MLS system, but with smaller lists we think they are the new hotness!

We also used this card concept in how we display saved reports. Once you have created a report we save it as a card under the respective tab.

My saved reports

These cards show the report name, when it was last updated and have action links to either edit, delete, email or print reports.

A saved report

So by ditching the grid, opting for more white space and using color and iconography we really think we have done a great deal to make Cloud CMA, for lack of a better phrase, a truly “Web 2.0” application. There have been sacrifices. It the pursuit of simplicity Cloud CMA will not be as flexible as other CMA applications. But with flexibility comes complexity. We believe Cloud CMA has the right mix of intuitiveness and a rich feature set.

Next up, getting MLS data in to Cloud CMA. The fight for simplicity rages on….

Advertisements

3 Responses to “Putting it all together- The look and feel of Cloud CMA”


  1. 1 Damien Huze December 3, 2009 at 4:51 pm

    Thanks for the shout-out, this was a great project to design for. I think W&R Studios is really onto something here.

  2. 2 Diane Ward December 4, 2009 at 1:56 pm

    Congrad’s on the new product. I believe it’s the best of both worlds – old school and cutting edge. BTW thanks for the small house in CM referance – lol.


  1. 1 How to make a cloud. « Vendor Alley Trackback on December 3, 2009 at 2:40 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s





%d bloggers like this: