How to Make a Template Look Like Your Own

How to Make a Template Look Like Your Own

Jan 29, 2010 by Patrick Winfield | Design

Small business owners or site owners who can’t afford to hire a custom designer will sometimes purchase template websites. A template can be considered a pre-made website. A good template design should allow for easy customization. This is a cost effective solution that can work great if the design is handled and molded into the company/site’s brand. Here are some simple tweaks that can be used to reshape a template to give it a little bit more customization and personality.

When you are working with a layered PSD, it is easy to modify design elements such as font, color and overall layout and composition. The template should be broken down and labeled as layers for the main components like header, navigation, content and footer.

Logo

This may be the most important element that needs immediate attention. Most templates give you a generic graphic. If you have a logo, some simple resizing and good placement is all you need. If you do not have a logo, creating one can be as simple as buying stock imagery and some fonts to go along with it.

Most of my website design starts with the logo as the jumping off point. If a company or site already has this part of the process complete, I move forward with the logo’s color, feel or mode to layout the page.

Color

If you have a logo that is going to be used for the template, figuring out the color scheme will be simple. This color scheme will then be used to direct the header, text and content color to some degree. ColorSchemer Online v2 is a great color picker/scheme tool that can be downloaded to your computer (PC and MAC). ColorSchemer also has a great blog that covers various color topics, as well as tips and tools for how to design with color.

Favicon

“If you create a favicon, they will bookmark it.” Ok, all Field of Dreams references aside, favicons are a great way to reinforce your brand. Everything is a brand. Creating a favicon is simple.  When a visitor sees one, it can be a strong indicator that they are in the right place. Here we took the ‘e’ that is in the 10e20 logo and used that as a favicon. Favicon.cc is a simple, easy to use tool that creates favicons, then allows you to download them for easy implementation.

It is cost effective to use a design template for your site, but try to make it your own so you’ll stand out and look professional. Some things are obvious and simple to do while others require more resources and time, but keeping with the idea of a brand and sticking to that brand’s ’style’ will make the design look cohesive and not picked off the shelf.

Bookmark this post:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

10 Responses to “How to Make a Template Look Like Your Own”

  1. Springboard SEO on January 29th, 2010 9:26 pm

    Any suggestions for template sites – both free and "premium"? Lots of garbage out there.

  2. patrick on January 29th, 2010 9:37 pm

    Hi Springboard SEO unfortunately I do not have any suggestions at this time for temp. sites. I will look into that. Thank you for commenting!

  3. chiropractic on January 29th, 2010 11:22 pm

    Would be much easier for you to fly to SoCal and enjoy some time in the sun while helping us with new designs, Chris gets to see you too much already. :D

  4. Springboard SEO on January 31st, 2010 7:10 pm

    I like starting with CSS Drive's Image to Colors Palette Generator before Color Schemer or a color wheel.

    the Color Schemer blog was a big let down. Unless I missed the good stuff, it was all marketing hoopla.

    My design sense is severely crippled, but obtaining a color palette or three generated from a logo or banner design helps bring me to at least steady hobble.

  5. Patrick on February 2nd, 2010 8:39 pm

    Sounds like a plan!

  6. Patrick on February 2nd, 2010 8:39 pm

    I like that color generator, thank you for sharing!

  7. Office Cleaning on February 7th, 2010 9:53 pm

    Many thanks for nice post,

  8. bigjobsboard on February 9th, 2010 9:41 am

    Great post! IT'S A BIG HELP! I really struggle in my computer just to build my own template and i can't get anything done! This is a big help for me really! Thanks!

  9. pool liners on February 9th, 2010 4:43 pm

    People are naive if they think they can get a free cool service without paying for it somehow. I don?t blame Facebook, and I know a ton of people who still use it. It?s seemingly free, but isn?t.

  10. bootscardy on February 24th, 2010 5:27 am

    The natural thermal properties UGG Classic Mini of sheepskin make possible that Ugg Boots will warm you in the winter Nightfall uggs Chocolate on Sale but in the summer your feet will not be wet.It is true Ugg Classic Short that Ugg is shorter from ugly,but if you know even little Special Sale Black Australia Ugg Short 5825 bit about fashion you will know that Ugg boots are not ugly.

Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!