Converting Print Advertising For Use On The Web - A How-To

Contrary to the beliefs of some, advertising for web and print are very different. Converting print ads for use on the web is very tricky. What has been very successful on paper may have no impact at all on the screen. When I am asked "How do I convert my print ads to web?" my answer is simple: don't! Web and print are so vastly different that I believe you should never build your web pages based on a print ad.

There are certain rules that web design must follow that simply don't apply to print. One of my colleagues, Tim Pattison, broke these rules down very concisely recently:

  • Usability
  • Browser compatibility
  • Designing within the constraints of (X)HTML
  • Accessibility
These are the four rules that web design must follow. I will explain these rules in detail later. For now though we need to talk about copywriting. As I said in my last newsletter Web Site Templates and Their Benefits, the most important part of your website is content. Search engines and disabled users don't care how your site looks. They only care about the information your site presents. The reason I'm coming back to this is to explain that writing web copy is an entirely different ball game from writing print copy. Quite possibly the best resource for writing web copy is the book "Web Copy That Sells" by Maria Veloso. It outlines the differences between the two and gives great techniques to writing for the web. I will be revisiting this topic in my newsletters to come, so make sure you visit often.

The four rules exclusive to web design: usability, browser compatibility, design within the constraints of (x)html, and accessibility, are the four horsemen of doom for the uneducated, inexperienced designer. They are some of the most overlooked aspects of web design, and yet some of the most important.

  • Usability: Unlike print ads, web sites are interactive. Users must be able to easily find their way around, and they need a clear path to the information they are trying to find. If you are selling a product, there needs to be a clear, concise, distraction free path from the home page all the way to the check out page.

  • Browser compatibility: In a perfect world you could design your web site once and it would look perfect and stay perfect in all browsers. Unfortunately, we live in the real world where some browsers support a set of standards and others simply don't. Actually, the most popular browser in the world has for years lived by their own rules. While MS Internet Explorer still holds the majority of the market share, Mozzilla, Netscape, and Opera have acquired a considerable percentage of the browser market. In fact, it's high enough of a percentage to make Microsoft revise their plans to release IE 7.0. While competition is healthy, it makes for headaches for web designers. It is not uncommon to have your site looking perfect in one browser only to find that your entire design explodes when viewed with another.

  • Designing within the constraints of (x)html: When you lay out a print ad, you place the images where they belong on the page, draw out any shapes, lay out the colors, and place the text. Then you print it out and make copies. Every copy you hand out looks exactly the same, and there's nothing magic about the way things stay on the page. In web design, everything is held in place by code. You could easily have a four to one ratio of code to content. If you are not familiar with the coding involved in keeping your site looking like it's supposed to, it can be very frustrating laying out your design.

  • Accessibility: Back to our perfect world ? not only would browsers be perfect, but all our viewers would look through the same eyes. Unfortunately, some people aren't blessed with good eyesight or motor skills like you and I. We need to consider that for those who have disabilities, a poorly laid out website can be completely useless. You could ignore that audience, but you would be doing yourself a disservice. And let's not forget, our biggest and most important group of users is completely blind: search engine spiders. They read your website the same way a blind person does. If the layout of your site isn't logical, a spider may leave and not bother coming back for a long time.
Considering these things, I think it is always best to design your web site separate from your print advertising. Always write fresh copy for the web, and remember that it's not enough to write great copy once. You need to update your site regularly to keep the search engines interested.

Jon Hancock is the president and founder of HighTide Web Services. We are proud to be a fast growing, California based web services firm, offering high quality web site templates from some of the best designers out there, as well as excellent and affordable web hösting.

HighTideTemplates.com
HighTideHosting.com

In The News:

pen paper and inkwell


cat break through


Save Thousands of Dollars by Creating Your Own Web Site

With the advent of the Internet a whole new vista... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

How To Create A Stunning Drop Capital Effect On Your Web Pages

Drop Capitals are frequently used in many newspapers, books and... Read More

Having A User Friendly Website

Let's look at what your user wants to see at... Read More

Web Design for Ecommerce

Your website is your tool for showing the online community... Read More

A Beginners Guide to Web Page Design

Designing your own successful web page can seem difficult and... Read More

Online Advertising: 10 Tricky Secrets To Keep Visitors Glued To Your Website And Increase Sales

It is common sense.The more time people spend at your... Read More

14 Ways to Add Content to Your Web Site - Part 1

When I surf the Net, I often see web sites... Read More

What I Look For In a Website

As my occupation is that of a proofreader, one of... Read More

Cool Web Design And Promotion Tips

This article gives free tips on how to find a... Read More

A Landing Page is Not an Order Page (and why it matters)

To explain my point I need to first confuse the... Read More

The Newbie?s Guide to Small Business Web Design

You've got a concept for a business, are excited about... Read More

What Does Your Website Say About Your Business?

QUESTION: My business is very small, just me and... Read More

Why Should You Care About Your Web Site Colors?

**How Colors are Used in web design:**Demarcates screen elements into... Read More

Is a Web Site Builder Right for You?

A web site builder can be a real life saver... Read More

Your Web Site Is A Wonderland: What Picassos Art Taught Me About Persuasive Design

Whenever singer John Mayer sings his romantic song, "Your Body... Read More

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

How to Create an Enjoyable Web Page Design

Novice and professional designers alike ? you may probably be... Read More

Whats Wrong With My Website?

I ask myself that question about once a month.My website... Read More

Facts You Should Know About Web Site Design and Search Engine Optimization

1. Web site File Structure / File NamingMost search engines... Read More

Graphic Design Can Make or Break Your Web Site

We all want high impact graphics for our Web sites... Read More

10 seconds is all it takes? (How to grab the attention of your audience with your web site)

FACT: 30 to 60% of visitors tend to drop off... Read More

Love at First Site: Giving Your Website Visitors the right Impression

Think of the people who visit your site as blind... Read More

Web-Safe Fonts for Your Site

Choosing the right typeface for your website copy is important,... Read More

Dos and Donts in Web Design - part 2 (content)

Do know your audienceIt's important to know your audience. If... Read More

Branding Web Strategy Mistakes - Brand Identity Guru

1. Lack of overall strategy and clear definition of success:Most... Read More

Your Website Visitors - Will They Stay?

I'm sure you've all heard the saying 'Build it and... Read More

Basic Graphic Design

Wether you design your business brochures, flyers, web page, or... Read More

How To Use Unsafe Web Colors With Minimum And Safety And Maximum And Profit

Do you want to use unsafe web colors without offending... Read More

Choose & Use the Best Colors

The Psychology of ColorAre you using the best colors for... Read More

Marketing Basics for the Webmaster

What is the relationship between Marketing and Web designing? How... Read More

How To Boost Your Chances at Having a Successful Web Site

New Web sites are springing up online by the millions.... Read More

How to Test Your Web Headlines and Web Site Home Page to Sell More Products and Services

A client asked me, at what point do you change... Read More