Posts

SummaryReportIllustrations

Holmes Approved Homes Summary Report Illustrations

Newly added to Portfolio, Created For Holmes Approved Homes 2014.  Technical Illustration.  Illustrations for Holmes Approved Homes Residential Program which offers 3 levels of inspections for new homes built by Holmes Approved Homes builders.  You can find more information on their 3 Tiered system as well as builders who offer the program by visiting their website.  www.holmesapprovedhomes.com

The 3 Stages Holmes Approved Homes offers:

HAH_Durability_C-01

The Holmes Stage Inspection Package.

Proof For Your Peace of Mind.

The HOLMES Stage Inspections Package gives you the peace of mind that comes from knowing your new home is what it should be: Safe, protected and built right the first time. Your home receives (3) full home inspections completed by an Approved Mike Holmes Inspector during key stages of construction, including full photo documentation.

-Holmesapprovedhomes.com

 

 

HAH_Roof_C-01

The Holmes Upgrade Package.

A Better Home Built Right.

The HOLMES Upgrade Package not only includes everything in the HOLMES Stage Inspection Package plus an additional stage inspection, it also incorporates supplementary construction features, products and materials that make your home built right for tomorrow. That means healthier living environments, a stronger and more resilient structure, plus increased durability and energy efficiency.

-Holmesapprovedhomes.com

 

HAH_Efficiency_C-01

 

The Complete Holmes Package.

The Ultimate Holmes Approved Home.

The Complete HOLMES Package sets a new standard of excellence that takes residential construction to the next level. It features trusted workmanship, the top products on the market and the best building practices in the industry to build a home that is healthy, green, energy-efficient, fire- mould- and moisture-resistant.

-Holmesapprovedhomes.com

 

More images for this project can be found in my portfolio under, Holmes Approved Homes Summary Report Illustrations

 

TheHolmesManual_spread1featured

The Holmes Manual

The Holmes Manual, 2014

Copyright © 2014 Restovate Ltd.  All rights reserved.  Created for The Holmes Group & Harper Collins

I have a couple illustrations featured in Mike’s all-new book, The Holmes Manual.  Due for release June 3rd, 2014.  Please check it out!

TheHolmesManual_front

The Holmes Manual Cover

 

 

Maintaining your home now will make your life easier down the road. As Canada’s most trusted contractor, Mike Holmes helps you Make It Right. Providing solutions to everyday problems, The Holmes Manual has your whole house covered: from top to bottom, outside to inside, foundations to finishes. Mike answers the questions homeowners ask him all the time, including: Why do my windows have moisture in them? What is the life expectancy of plumbing? What kind of ceiling is best in a basement? How often should I have my ducts cleaned? How can I tell if our house has mold? Packed with handy tips, photographs, and diagrams, The Holmes Manual is a must-have guide for every homeowner.

 

 


 

 

 

 

 

More Projects done for The Holmes Group, can be found in the portfolio section.  Portfolio

 

MIR Homepage Launch

MakeitRight® Responsive Website

Makeitright.ca Responsive website, 2014

Newly added To Portfolio, MakeitRight® Responsive website, Created for The Holmes Group. Web Design

This is a project that I’ve been working on for a fairly long time and one which is still ongoing.  I had the opportunity to completely overhaul the previous version of makeitright.ca.  A website that  was created in the days of the now defunct flash.  It was a daunting task at first glance.  The site is fairly large with many sections – resources, current productions, services, photos, videos, news  a webstore and a non-profit foundation section.  Not to mention trying to retro-fit old tv-show pages to work within the new responsive template.  Working with the communications team here at the Holmes Group, we were able to categories and map out the sections accordingly, a task that took probably just as long as the design process itself.

MIR Webstore

MIR Webstore

 

 

 

 

The site is fairly large with many sections – resources, current productions, services, photos, videos, news  a webstore and a non-profit foundation section.

 

 

 

 

 

The design process started with the Webstore.  A Section which exists independently of the main site Using OS Commerce.  This was a good starting point for the redesign as it allowed us to narrow down the design elements needed for the new site.  Everything started with the Global Navigation menus for both desktop and mobile versions.  Once this was decided we began testing in-house to see how things would work and flow together.

After the webstore was completed which was about 5 months beforehand, we moved onto the homepage and main navigational pages.  (We held off on the webstore launch in the meantime, due to issues regarding member login accounts and the confusion around christmas time.)

 

MIR Photo Gallery Comp Desktop

MIR Photo Gallery Comp Desktop

 

One of the more interesting bits in the design process was coming up with the flow of photogallery section.  Photographers like photos to be displayed at their best resolution possible which is not only hard to do for web but even harder to do while creating a responsive website.  I came up with the concept below to try and create that balance between print ready and web friendly quality photos.  The Technical line drawing below was given to a team of developers at trademark5150 to help them better understand the flow of the photo pages. It also helped me to design the page so it would work for this format.  (Form vs Function!)  In MIR photo gallery comp desktop you can see the working stages vs the final stage of both the photogallery index page and the gallery itself.

The way the photo gallery pages worked on the tablet and mobile versions also had to be consider. Here you can see that process.

 

MIR Photo Gallery Comp Tablet

MIR Photo Gallery Comp Tablet

 

Photographers like photos to be displayed at their best resolution possible which is not only hard to do for web but even harder to do while creating a responsive website.

 

MIR Photo Gallery Comp Mobile

MIR Photo Gallery Comp Mobile

 

More images for this project can be found in my portfolio under, MakeitRight® Responsive Web Design. 

Mike Holmes Official Bobblehead

Mike Holmes Official Bobblehead Packaging

Mike Holmes Official Bobblehead Packaging, 2013

Newly added To Portfolio, Mike Holmes Official Bobblehead Packaging, Created for The Holmes Group. Product Design

Earlier this year I was asked to come up with packaging for a brand new Mike Holmes bobblehead doll/toy.  I was more than happy to have a project like this to work on.  It started with the modeling of mike’s head and body that was done by www.bobbleheadscanada.ca.  (He worked from two reference shots of Mike’s head, both front & side profiles to create a successful likeliness of mike’s face).   Once that was completed I was given the model to take dimensions from and test out packaging ideas.  I knew from the get go that I wanted to have a large visible window to showcase Mike’s bobblehead, so I tested out some designs in photoshop and then printed them out. I took the printed pieces and assembled them together to get an actual view of the box. Once I had a better understanding of that I went ahead and came up with a theme and colour that would suit the project but also the company behind it. The colour theme I chose to go with was a nice middle tone blue that I thought would match the look of the Holmes Group’s current products but still have a little more colour.  The reason for this was because I wanted a more cartoony look as it would better match the fact that it was a bobblehead and not some cold tool.

 

Mike Holmes Official Bobblehead

Mike Holmes Official Bobblehead

 

 

“I tested out some designs in photoshop and then printed them out. I took the printed pieces and assembled them together to get an actual view of the box. Once I had a better understanding of that I went ahead and came up with a theme and colour that would suit the project but also the company behind it”.

 

 

 

 

 

 

 

I was also tasked to come up with the tattoos that the bobblehead has featured on both arms.  They were created using reference images of Mike’s actual tattoos, dumb down a little bit as I knew there would be scaling issues with the decals.  Creating the tattoos really helped make the bobblehead feel more like the real & “current” Mike Holmes so I’m happy they turned out, better than expected. I used Illustrator to create the tattoos as well as the rest of the packaging.  I highly recommend any illustrators just starting out to try their hand at the slice tool as it works really great in creating cartoony imagery.

Packaging

Packaging

 “Creating the tattoos really helped make the bobblehead feel more like the real & “current” Mike Holmes so I’m happy they turned out, better than expected”.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

More images for this project can be found in my portfolio under, Mike Holmes Official Bobblehead Packaging 

Technical Illustrator

Mike Holmes – Roofing Images, (Manual)

Mike Holmes – Roofing Images, (Manual), 2012

Newly added To Portfolio, Mike Holmes – Roofing, Manual, Created for The Holmes Group. Technical Illustration. Architectural Construction.

Below I’ve posted a small number of illustration I did for an illustrated home manual (I’ll post some more in the future) These Illustrations were to be kept simple, on a white background and the text kept as legible as possible as the images were going to be used in many different formats. Quite often the images were to be placed fairly small so it was imperative that the outlines and text maintain their qualities so the viewer wouldn’t lose any information.

Technical Illustrator

 

Technical Illustrator

Above is an illustration showing roof vents and the purpose they serve. Roof vents are used to circulate air, keep the temperature in your attic mildly cool, protecting the climate inside your house and preventing ice dams from forming on top of your roof.

Speaking of which, the ice Damming Illustrations showing both ventilated and non-ventilated were featured in the February 2013 On The Go magazine which accompanied the Mike Holmes article titled “Ice Dams & Your Roof”

 

 

Technical Illustrator

 

Quite often the images were to be placed fairly small so it was imperative that the outlines and text maintain their qualities so the viewer wouldn’t have to compromise on information.

 

 

 

 

Below is an excerpt from the article on Ice Damming –

“Ice dams prevent water from flowing down. It will eventually back up, finding its way under the shingles and into the attic. A thick ice dam can damage roof flashing, fascia and soffits. It can even shift vent stacks and create gaps that allow water into your roof. that water can flow into your exterior wall cavities and end up in your basement. Or it can leak into your home and cause damage to walls, ceiling and insulation”

-Mike Holmes, On The Go Magazine, February 2013

holmesonthego2

 

Portfolio Items