Statistics and a Story

stats logo

The little logo is from the first time I got a chance to revamp the CREA Statistics pages.

Originally, that was all I was asked to do, but of course I wanted to prove I could do at least one better. The stats pages consisted of about fifteen board member statistics from various associations and boards from across Canada, comprising the “meat ‘n taters” of local real estate sales. It looked something like this…

original stats page

It was early stages and it had all the information promised, but it didn’t ‘sparkle’. There wasn’t proper branding. People couldn’t find the facts easily and the boards wanted a bigger exposure. The hodge-podge of colour and icons was distracting, but such was the days of early HTML. This version had stuck around a little too long.

My director asked for an single icon for the upper banner.

So, I took it upon myself and with the help of a couple of colleagues, rebuilt the thing from the ground up to make it more visual and with some up-to-date code and some re-use of some illustrations I had done for other CREA sites. There was so many sites, but that would have to change later.

Update No. 1

(click on image for full page)

With cleaner banner and icon in place, I added some graphs that could be updated by the stats deptartment. Building on the last build, I recoded and rebuilt it myself so text could also be supplied by the local association and uploaded to their folders. No compromise! I taught the stats-dept to update the separate data-text files and voilà, the pages could be updated far easier, with the help of some CSS2 and JavaScript to pull the text and graphs in and into place. The graphs could be clicked on and pop-up in larger detail. The headlines and text would all fit in. However it wasn’t long before it become a little rusty as well. CREA Stats was it’s own site and the next step was to make it even easier to update content, encorporate as part of the entire CREA site experience, as a whole and the best part… it would be responsive.

Updated Again

More Board Stats Here…

pull down

The graphs have gone to the left and still pop up larger in the centre to view. The editing for the stats-dept is even easier with some redefining of the folder structure, some updated JavasScript, CSS3 and HTML5. The “Dark Mode” was added and code updated recently (not by me), but the layout is pretty much the same. (I would have liked to see the pulldown brightly coloured and using ‘focus’ code, but I don’t get to play with it anymore)

The top header defines access to all the CREA web sites in one place for a unified responsive ‘power’ site.

The main page is the National at or Français at The right column has the same pulldown to get at all the individual boards and associations from across Canada that have since joined the stats pages. It started out as less than 20 and bloomed to over 65 boards showing their stuff on over 500 pages.

A collection of some of my Infographics


The last couple of years, infographics have captured the attention of marketers and designers alike. This has been quite the learning curve. I’ve tried to include some form of graphic action into mine, whether from image, texture or text, it is simply directing of the eye to convey the message.
It’s a tricky thing and I sometimes wish I could go back and readdress the scale of the images or weight of the text, but really, you have one shot. The numbers have changed the moment you publish and it’s time to completely start again.
Sometimes it’s faster to convey an idea by image. People don’t always read the message as much as get the feeling of the message’s importance. The colours have to be carefully chosen to blend with or avoid politics.
The quick impression and the visual adhesion of the concept to the viewer are fleeting. You have a fraction of a second to grab the attention of the viewer, if they even come across your message aside the thousands of images we see every day.
The infographic is a summation of ideas and numbers into a quick sale to a fickle and fleeting public.

[click image to view gallery]

Illustrating Housing for Fun and Profile

Montage of houses from across Canada for CREA
Montage of houses from across Canada for CREA website 2015-17

On the 2015-17 marketing site for The Canadian Real Estate, was my montage of various houses from across Canada.

It was an interesting exercise. Besides the vectored houses and buildings, I even pushed the trees into vector, then back to Photoshop to crisp the edges and colours. The trees reflecting in the windows added to the realism.The diminishing colour contrast gives the depth.

I was hoping I could work on the next version for the next update, with a little more time for composition. It was a mad rush to get this one done. However, life got in the way and I had to move on from CREA.

Click on the images to see a larger version