The Work

Here’s a selec­tion of the lat­est projects I’ve been a part of. There’s more com­ing all the time, so feel free to visit again later to see what’s new. If you don’t see some­thing that tick­les your fancy at first here, check the tag cloud to the right and see if there’s some­thing there that peaks your inter­est!

Ok, ‘nuf talk — enjoy!

 

Medworxx

As a med­ical tech­nol­ogy com­pany spe­cial­iz­ing in the area of Patient Flow in hos­pi­tals, Medworxx’s brand and pres­ence both online and offline, needed some love and atten­tion. Creative Passion was engaged to evolve their cur­rent brand, deliver a new web­site that could be eas­ily man­aged by the inter­nal team and pro­vide func­tions on the site that would estab­lish Medworxx as thought lead­ers in the area of Patient Flow.

The rebrand was really an evo­lu­tion of their old brand — refin­ing the choice of type­face used in the logo and using colours that were bright and vibrant, yet still pro­fes­sional and mod­ern. The web­site was devel­oped as a CMS so that employ­ees of Medworxx could quickly and eas­ily add con­tent to their site. Lastly, a new fea­ture area was devel­oped on their web­site to truly make them stand out as thought lead­ers in a fairly foggy area in Patient Flow. The main issue is that peo­ple use the terms and lan­guage in dif­fer­ent ways through­out Canada and the rest of the world. Medworxx now has a Resource Library that any­one can ref­er­ence to see def­i­n­i­tions of terms, read arti­cles, view whitepa­pers, etc. that can help clar­ify and unify much of the language.

Click on the thumb­nails below to see high­lighted sec­tions of the site or visit the live site pf.medworxx.com

 

 

Citi.com Website

 

Designed in col­lab­o­ra­tion with Critical Mass Toronto, Citi.com was a rev­o­lu­tion­ary rebrand­ing project that took the refresh from the web­site to print instead of vice-vera. It also changed the way online bank­ing can be per­ceived — truly a design that thought of the end-user first instead of only focus­ing on inter­nal bank­ing perspectives.

The design process was very detailed and focused on such things as keep­ing clients above the fold, allow­ing them to bank in one screen, cus­tomize the site to sat­isfy their most fre­quent tasks, and add more usabil­ity than ever before includ­ing an online finan­cial advi­sor tool. The site, orig­i­nally designed for the United States, was so well received that it is being rolled out Internationally includ­ing both Asia and Europe.

PDF REVIEWS:

1. New York Times. “Bucks: Citibank Adds Money-Tracking Tools to Online Banking”. Download the PDF here.

2. The Financial Brand. “Citibank.com’s Extreme Website Makeover”. Download the PDF here.

3. Video of the new rebranded web­site — Click here to play.

Click on the thumb­nails below to see high­lighted sec­tions of the site or visit the live site citi.com

Toyota 2010 4Runner Website

Toyota 2010 4Runner Main Image

Designed in col­lab­o­ra­tion with Lollipop, the Toyota 2010 4RUNNER web­site was designed with true user involve­ment in mind. The site revolves around a con­test where users can upload videos show­ing why they should win a new 2010 4RUNNER. These videos can be shared across var­i­ous social media sites.

The video player was cus­tom designed for 4RUNNER to match the sites look and feel to give a com­pletely seam­less design expe­ri­ence for the user.

The site also fea­tures videos that show users var­i­ous fea­tures and how to use them as well as the com­po­nents of the 4RUNNER that make it “Stronger. Safer. Smarter.”

Click on the thumb­nails below to see high­lighted sec­tions of the site or visit the live site 4Runner.ca

MINI AdBuilder

mni_title

There are few com­pa­nies that are as strict with their brand­ing guide­lines as BMW/MINI. In order to make sure that their deal­ers were not has­sled by “nit-picking” the ads they needed to pro­mote their cars, we came up with the idea of AdBuilder. It gave the deal­ers the free­dom to cre­ate ads of what they wanted, when they needed them, and also gave head office the peace of mind that the brand was still being fol­lowed to a T. The inter­nal pro­gram allowed deal­ers to login to an inter­nal soft­ware, and fol­low a step-by-step process in which they got to pick the attrib­utes of their ad such as car, colour, head­line, cap­tion, ad for­mat and colour specs and auto­mat­i­cally pop­u­lated their own dealer infor­ma­tion on the ad. They would be given an option to email the final file to a printer or to save a PDF.

The whole sys­tem was orig­i­nally done for BMW and was so suc­cess­ful that they ran it out for MINI as well.

Happy head office, happy deal­ers, happy us!

Click on the thumb­nails below to see high­lighted sec­tions of the inter­nal site.

 

Virgin Mobile

Virgin Mobile

Virgin Mobile is a super fun and excit­ing brand — their look and feel changes with each of their cam­paigns and this was a big chal­lenge in design­ing their site! They needed a site that would eas­ily facil­i­tate their ever-changing look through a CMS, but not look CMS dri­ven. This was done on their home page and con­tent pages by allow­ing images to bleed into an area that looked like it was part of the back­ground, but was actu­ally part of the images. A great solu­tion that allowed for flex­i­bil­ity and ease of use. Other fea­tures that were designed for the site were tools that helped users decide which plans and phones were best suited for them based on their “Help Me Decide” user tool. Another great fea­ture was a 360˚ inter­ac­tive tool for each phone they offered that allowed users to explore the phone’s fea­tures in more detail and then fol­low with plans that went with that par­tic­u­lar phone.

The result­ing site was fun to view and inter­act with for users, but also eas­ily updat­a­ble for the client.

This ver­sion of the site is no longer avail­able online.

Click on the thumb­nails below to see high­lighted sec­tions of the inter­nal site.