Archive for the 'Creative' Category

Good design

What lumberjack shirts are good for…

via Roger Ebert:

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….

Full Spectrum Real Estate

This is Part V 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.

Full Spectrum Real Estate

Having just got back from NARDiego Dan and I are super pumped up!
There is something special/exciting/nerve racking/terrifying about showing your product for the first time to people outside your company. We gave about 20 private demos to MLS executives and industry colleagues and the response was fantastic!

What I want to talk about today is what I like to call the “Full Spectrum” reports Cloud CMA generates. In a nutshell reports from Cloud CMA augment MLS data with information we gather from top real estate and data providers across the web (or from “the Cloud”, if you will). Currently we access about 11 APIs. What’s an API? According to Wikipedia: “An application programming interface (API) is an interface that a software program implements in order to allow other software to interact with it, much in the same way that software might implement a user interface in order to allow humans to use it.” APIs we use include: a Walk Score from Front Seat, Maps and area photos from Google, demographics, interest rates and recent home sales from Zillow, and school info from Education.com.

Real Estate's Top Sites!

We think of Cloud CMA as a platform. A platform that can access any database. The trick is then to create compelling reports with this information. In the case of Cloud CMA we blend MLS data will relevant data we get from these APIs. We then create what we like to call “Big, Bold, and Beautiful” reports. We believe that today’s consumers expects their real estate professional to provide more than MLS data but also from other real estate websites they have been searching and exploring.

Big, Bold and Beautiful Reports!

Another wonderful benefit about using the data from these great sites is that the information is dynamic. Most agents will email a pdf of the Cloud CMA report they print and present. Cloud CMA pdfs include lots of “hotlinks” so reports come to life when their clients wish to further explore the information provided.

Finally, Cloud CMA reports aren’t just a pretty face, they have a purpose, too! The layout, page order, content and design are all about taking clients to the next step, whether it’s making it an offer, or signing that listing agreement.

Next up, “Putting it all together” or “In which we send your existing real estate software back to the stone age.” ; )

If you can use email, you can generate a report on Cloud CMA!

This is Part IV 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.

UI- Oh My!

Form should follow function so before I share some of the design elements of the Cloud CMA user interface I want to briefly discuss what key innovations we have included.

Today I’m going to talk about the first.

1. If you can use email, you can create a report on Cloud CMA.

Recently Dan Woolley sent out this Tweet:

DanTweet


Cloud CMA is really a report generator.
When we launch Cloud CMA it will be able to generate 3 types of reports:

CMA
Buyer Tour
Property Profile

The idea of using email to generate reports came from using services like TripIt and Posterous. Here’s how it works:

Assuming a Cloud CMA subscriber has already set up their account (loaded their profile and contact information, and chosen a default report theme). Now a Cloud CMA subscriber can simply generate reports by sending an email to one of 3 email addresses:

emailaddresses

In the example of creating a Buyer Tour. All the Cloud CMA subscriber has to do is give the report a title, such as “The Rudolph Family” in the Subject Field, and the MLS numbers of the homes they wish to include on the tour in the Subject Body of the email. That’s it!

BT EMAIL

In mere minutes a completely customized and personalized report will be emailed back to the agent. The agent can then print the report, forward the report to their buyer, or both.

Cloudemail

And if the agent wishes to do so they could include their buyer email address in the CC: field and the buyer will receive the report once it is generated!

Of course they can alternatively log on and use the Cloud CMA web application to create the report, but if they already know the properties they want to include on the CMA, Buyer Tour or Property Profile they can just send an email.

frontpage-bird

This is also a great way for subscribers to use Cloud CMA via their mobile phone. We are also playing around with creating reports by sending a direct message to @CloudCMA on Twitter.

Next up, MLS + API = Something Special

Cloud CMA Logorama!

This is Part III 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.

Cloud CMA Logorama!

We had a lot of fun last year when we asked readers to submit their ideas and give their opinion on logos for Dwellicious.

This year for Cloud CMA we were under a tighter schedule, so we didn’t publicly post the logo candidates we went through. But, since I got a lot of great feedback from our Dwellicious post I thought I would give you a quick walk through of our design process and selection of the final logo for Cloud CMA.

First, the name. For us, the word Cloud had 3 separate meanings/vibe.

The first is obvious: “Cloud” is synonymous with “the Web”, or “Internet”. One of our main goals with Cloud CMA was to augment MLS data with the best data/information from the Internet’s most popular real estate and community sites.

Our second inclination was to have a name that reflects a calming or blissful vibe. Something from nature. This would extend to the web application itself, something that is easy and maybe even a pleasure to use.

The third was a slightly arcane reference to one of our previous product names, “Lightning”, because where does Lightning come from anyway? A cloud!

Round 1

Below are the two design references that were first submitted.

R1 Version A

R1 Version A

R1 Version B

R1 Version B

I was immediately drawn to the B version of the logos. To me, the use of negative space that made the cloud was subtle (too subtle?), but also created a kind of “speaking bubble” effect as well, which I thought might add to the social nature of the application.
Both Dan and I hated the font.

The B version seemed too “sci-fi” to us. Some feedback we got from others we consulted said it looked like a logo from a pharmaceutical company.

Round 2

They added the “bar” to the “A”, but kept the stylized “M”, which was growing on us.

R2 Version A

R2 Version A

Round 2 Version B

Round 2 Version B

We were playing with the idea of calling the application Cloud CMA or Cloud CMA & Buyer Tour. In the end, we decided to drop the “& Buyer Tour” reference even though the application did more than just a CMA report. In this round we had asked our designer to add a “+” symbol to reflect that the CMA report did more, but as I mentioned we decided to drop the “+” altogether and just use Cloud CMA.

Also, we thought the green pea color was wrong and wanted to see what it looked like if the bottom was a sky blue, giving the effect the cloud was in the sky, not coming over the horizon.

Here’s what that looked like:

Round 2 Version C

Round 2 Version C

The effect made it look like “teeth”, so we scrapped it. We also settled on the “cloud” being over “CMA”, not centered on the whole phrase, “Cloud CMA”.


Round 3

In this round we focused on coming up with the correct color green for the patch of grass. We experimented with some other colors. (It’s pretty hard to see the differences on this screen capture). We also started to figure out how to incorporate the product slogan, which is, “Sales Are Looking Up!”.

Round 3 Version A

Round 4

R4 Version A

R4 Version A

We were pretty happy with the color green we chose, and the placement of the slogan. So, I sent the logo around to a few friends and colleagues to get further opinions. To my surprise, a few of them still saw “teeth”. Not good!

I thought more about it and suggested our designers come up with an asymmetrical cloud. We would lose the “talking bubble” effect and a bit of anchoring to the “M”, but I thought it would be worth another round of proofs.

The final logo.

By making the cloud asymmetrical we lost the “teeth” effect, and we knew we had a winner!

cloud-cma_sloganfinal

The funny thing about a logo is that the product starts to become more “real” when you give it an identity. Now the really hard part was about to begin….

Next up, UI, Oh My!!

Does the world really need a new CMA application?

Yes. We think it does.

This is Part I 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.

Anyone that knows Dan and I knows that we have had a history creating CMA software applications. In fact many of our friends were surprised when our new software company, W&R Studios, first launched Dwellicious, a social bookmarking site/tool for real estate, rather than a new CMA application.

Old Hat

Old Hat

To be honest both Dan and I had a “been there, done that” kind of feeling about building a new CMA application. But after successfully launching Dwellicious and Dwellicious Pro our thoughts came back to how we could really do something innovative and fresh with MLS data, APIs and the input and distribution of reports.

So in the next few weeks we are going to write about our process in creating this next generation CMA web application. We are already well under way. Some of you seen we have a name and logo already chosen at http://CloudCMA.com

We also want to talk about the history of CMA programs. Remember SuperCMA? How about J. Williams’ “System for Success Suite”? (Sellmore? ShowPro? EasyFlyer? Anyone, anyone?) I’ve heard there are still a few Lightning CMA Plus users out there.

We think it is also important to discuss how things have changed with MLS, listing data, the real estate market, and the web. A good CMA is a core application/tool for a real estate professional, so we think starting from there is a good idea.

We really have some great ideas about this new app. And it’s always a fun time creating something new. We both definitely have our head in the clouds! ; )

gr

New Dwellicious Pro video

Some of you have already seen this but I’m going to make a few edits, so I’d like your opinion.

Speed
too fast? / too slow?

Music
love it? / hate it?

Content
Understood the product? / Didn’t have a clue?

Length

too short? / too long?

Feedback wanted!