Test Your Website

Test Your WebsiteYou’ve got everything on your new site up and running in a development folder. Now’s the time to launch it, right?


You need to test it first.

Testing means trying — aggressively — to find errors. Essentially you want to try to break the site, the way you would test a child’s toy by trying to break it.

Testing is especially important with database-driven e-commerce sites. The last thing you want to do when you open your online store is give people products or services for free — or worse, overcharge them and then have to refund money.

First impressions can make or break your site. You don’t want to give your first users a bad experience: they will never return, and they will tell their friends.

Proofread all text (preferably by a professional proofreader), and test all email links by using them to send yourself a test email. Keep track of all the emails you send and compare that list with the list of emails you receive.

Go out of your way to find errors;  then track the errors you find, correct them, and verify that each error has been corrected. You must be able to reproduce the error.

For professional proofreading, contact Christopher Merrill.

Posted in General Web Design Tips | 2 Comments

But Is it Really a Logo?


Both logos above are simple and SMALL.

A common mistake that many small businesses make with their first logo design is to try to do too much. There’s a simple rule of thumb for logo design for the web: Keep it clean, simple and small.

Size Matters!

For web purposes, your logo should be recognizable and easily legible at a height of not more than 90 pixels and a width of not more than 250 pixels. Anything more will limit your options, and almost certainly waste valuable “real estate” on your page. If your designer has generated something for you that cannot go that small, make them redesign the logo for you, and make them show the results to you at these dimensions or smaller.

For print purposes, the logo should be clean and legible at a height of no more than 1/2 inch and a width of no more than one inch.

Take a look at the two logos above; each uses two colors (not including white a black). Clean, simple and small.

WARNING: There are many individuals out there who claim to be logo designers, but don’t understand the restrictions of a web page. Be sure you hire an experienced, qualified logo designer who will tell you when too much is too much.

If you are looking for a logo designer, go to LukeRenn.com.

For more information on logos and logo size, go to Logo Design Mistakes.

Posted in General Web Design Tips | Leave a comment

All Hosting Companies Are Not Created Equal

godaddy, dreamhost logosThere are big differences among hosting companies. Here are some things to consider when you are shopping for one:

  • Do they often have site downtime?
  • How long has the company been in business?
  • Is the company reselling from another source?
  • Are site add-ons available (form mail, WordPress, statistics panel, etc.)?

and most important:

  • Is 24-hour phone support available? If so, what is the average wait time?

Avoid cheap hosting companies or resellers. You are likely to regret your decision down the road. You also may end up paying more in the long run.

Godaddy’s telephone support is excellent, and their reps are usually courteous and patient.

If you don’t need immediate responses to your support issues, Dreamhost is another option. They respond reasonably quickly when you send them a trouble ticket, and they allow a limited number of callbacks with some hosting packages.

Novice website owners often think that they will never need to contact their hosting company regarding issues that arise; perhaps about half the time, this is not true.

Be sure to keep your user name, password and pin number readily available in case of emergencies. You never know when you will need them.

Set up a Godaddy account here.
Set up a Dreamhost account here.


Posted in General Web Design Tips | Leave a comment

Dreamweaver Is Not Enough

dreamweavericonYes Dreamweaver is an excellent tool, but it will not cover everything.

To get the most out of your Dreamweaver experience, you’ll need to hand code from time to time. This is why it’s still important to become fluent with the basics in HTML. You can get the basics from an online course, or simply from any of the basic books like Html for Dummies.

For those who don’t understand HTML, WordPress would probably a better solution.

Stuck inside all that html code? You can search for answers on the Web or contact Chicago Web Designers at Christopher Merrill.com

Posted in General Web Design Tips | Leave a comment

Web Design: Form Follows Function

form follows function

Start with the WHAT and then go to the HOW

With Web design, form follows function. If your links don’t work or if users can’t find what they are looking for, then it won’t matter how eye-catching your website is. Your site will get a reputation for being troublesome and people will stay away in droves.

That’s why it is so important to start with the essentials BEFORE beginning the design process. Otherwise you risk ending up with a lot of wasted space.

Want your site to be different from all the others? Beware of going too far: users may not be able to find their way around (and leave your site)!

Also, be careful not to fall into a vanity trap, thinking your site is special and people won’t mind hunting around for things on your site because it is, after all, YOUR SITE, and users will be so fascinated they will never leave.

Yeah, right.

Take heed. There’s lots of competition out there.


Posted in General Web Design Tips | Leave a comment

Upload Images First

dead image

Avoid dead images!

Always upload all of your new images FIRST before uploading the HTML files.

If you upload the HTML files BEFORE the images, you run the risk of having images not appear on your webpage — albeit during a brief period of time (hopefully).

If you upload the HTML files first, there can be a significant amount of time during which the images will not show up (until they are uploaded). That period of time can become long if some sort of glitch occurs immediately after you have uploaded the HTML files, preventing you from being able to upload the images immediately after.

Remember: the uploading of files to your website server should be performed in a specific order (images first) so as to avoid dead links that show up live on the webpage before you have a chance to remedy the situation.

Questions?  Contact Chicago web designer Christopher Merrill.

Posted in General Web Design Tips | Leave a comment

What Goes in the Footer?

  • footer2Your full address
  • Your zip code
  • Your contact phone numbers
  • Your contact email(s)
  • Copyright information
  • Trademarks
  • Small verion of your logo
  • Sitemap
  • Repetition of main links
  • Link to contact us page
  • Terms of service
  • Privacy guidelines
  • Disclaimer
  • Site search

Redundancy is a good thing in websites. Just because the contact information is posted on your contact us page doesn’t mean it shouldn’t be posted in the footer (and other places as well). Perhaps the most common novice web designer mistake is to bury the contact information in a contact us page.

Remember, web users (myself included) will search your footer for links if their cursor is closer to the footer than to the header on your web page.

Every web page should have a footer, no matter how “artsy” the design.

If you want your website to look like “something no one has ever seen,” chances are, your users won’t be able to find their way around. There’s a reason why many websites look formulaic: because the formula works.

For more information, check out Freelance Web Designer Christopher Merrill.

Posted in Do-it-yourself SEO, Starting Out, Wordpress | Leave a comment

Why Does the Image Get Fuzzy When I Enlarge It?

blurry images

Why do images get blurry after you enlarge them?

It is simple to reduce the dimensions of an image: open any image-editing program (Photoshop, Gimp, etc.) and reduce the height and the width of the image, making sure that the proportions are “locked.”

However, it doesn’t work the other way around: you can’t increase the dimensions of an image without causing the enlarged image to appear blurry.

This is because unnecessary details have been extracted from the original image before it has been posted. This is called “image optimization.” The file size in kilobytes has been reduced. Without optimization, the file would take much longer to downloadThis is why it is important when you purchase images to select a file size that is large enough for use on your site.

So when you enlarge an optimized image, the details become fuzzy. There are not enough  details there for the image to be crisp at the larger size.

To avoid this, make sure the original image is high-definition.

A word of advice: don’t overwrite the original large image with a smaller one. Once you have optimized an image and saved it under the same name, you won’t be able to go back to the original size.

A common mistake is to use many small images on the home page rather than displaying one strong image that represents your services.

See other web design mistakes.





Posted in General Web Design Tips | Leave a comment

Don’t Use Line Breaks to Adjust Alignment

Don't Use  for AlignmentIt is tempting to use a line break (<br />) to “clean up” alignment.

The trouble is, different browsers will insert line breaks at different places. So if you manually insert a line break to “even out” things, the results might look good on some browsers, and not so good, or even disastrous, on other browsers.

You could get something that looks like this:

The quick brown fox jumped over the lazy dog a few minutes before the
appeared on the horizon with rifle in hand.

Remember, working in html is not like working in Word: what you see on the screen is only an approximation of what will be seen across various browsers. Results vary under different conditions, especially when it comes to word wrapping.

It’s best to allow the words to wrap where they may, even if the results are not ideal on some browsers.

Posted in General Web Design Tips | Leave a comment

Should I Buy a Second Computer Screen?

screens2The answer is YES.

With two screens connected to your computer you can move your cursor easily back and forth from one screen to the next.

Just think of the amount of time you spend switching between tabs on your computer.  Having two screens will make your life easier.  Think of the amount of time you spend switching between tabs on your computer, and think of the time you spend hunting for the tab you want.

With two screens you can view a web page and its source code at the same time.  You can even view two separate parts of the same page at the same time.  It’s a breeze.

Sure, having a second screen is an expense; and yes, you’ll need to make more room for it on your work surface, but the time (and aggravation) you will save will be well worth it.

Questions? Contact Chicago Web Designer Christopher Merrill.

Posted in General Web Design Tips | Leave a comment