Navigation Menu+

Website Makeover: High Tone Auto Body Inc.

Posted on Jun 26, 2012 by in Corporate Branding, Portfolio | 0 comments

New-brochure-design-front-page

Makeover is always very fun to do! In my experience it is harder (or better yet), more demanding then just to start from scratch.

Why?

Because the idea is already formed, it’s out there for years and people are used to it. And in that case, we don’t like to stray from our familiar ways because they are already settled deep in our minds. We are comfortable with them and don’t easily except the change…

Unless it is a good change, one that will improve the service and make it more user friendly.

We, at WebMaxFormance, were commissioned to do the whole redesign:

  • Logo Redesign
  • Brochure Redesign
  • Business Cards Design
  • Name Tags Design
  • Website Redesign
  • Content Development
  • Functionality and flow optimization
  • Search Engine Optimization (SEO)
  • Social Media Marketing (SMM)

My part was to come up with the graphics.

Let’s start with logo redesign

 

 

The old logo (the one on the left) was outdated, didn’t have pointers as to what kind of a business it represents… and was simply screaming for a redesign. After much consideration we decided to stick with the Red-White-Black color so that at least some familiarity is left there, but we got rid of the green color to make it less crowded. Since the service belong in the car industry I opted for a simple yet effective logo (on the right), that speaks for itself.

Brochure redesign

 

 

This is how the old brochure looked like and below is my redesign.


 

Like the logo, the brochure was outdated so we opted for modern, yet simple design. Since there is a lot going on in the brochure we kept the Two Main Colors idea so it doesn’t look to heavy. To keep the flow on the front page, I used  the Audi Q7 SUV so people will  be interested in seeing the entire front page in more detail.

The customer really wanted to have a photo of the well known mountain Maroon Bells in the brochure so I placed the photo in the background in a way that doesn’t draw attention from the text but still plays an important visual role, making the inside of the brochure pleasing and interesting for the eye.

Business cards

I don’t have the old design, since this was ordered later on in the project, so I can only put on my design. Here it goes:

To make stuff more interesting we proposed to the customer to differentiate the departments presenting them with different colors.This way every department has its own color and can be immediately recognized only by that. Which is very useful, in my opinion. I decided to go with the simple yet elegant and, above all, practical design, implementing the QR code for driving directions.

Nametages

 

 

This was a simple derivation from the already accepted design for the business cards. These are also made with different colors for different departments.

 

 

 

 

 Website redesign

And we finally made it to the end. The last step in this project was to compile all the elements together into the new and improved website. Let’s see the old website first:

The Home Page of the Old Website

About/Contact Page of the Old Website

Internal/Content Page of the Old Website

As you can see here the design is outdated and not very informative, there are no photos on the website, so the business is not presented well at all. I won’t go into the SEO and optimization here, since this is not my department, but let me just mention that the old site didn’t have any search ranking potential at all.

This is what we came up with (bear in mind that this is a screenshot, so you can’t see all the details, my main point here is to see the layout, you can check the current website at www.hightoneautobody.us):

Simple and clean design with accent on quality content, optimized and user friendly. The new website is easy to navigate so you can quickly find what you are looking for. The website is populated with lots of photos too, so a customer can see how the work is done which is very important, especially for one looking for these services.

I hope you liked the makeover! Feel free to comment! :)

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>