Sunday, November 14, 2010

Website Design Tips from Connie Lee Marie!

Welcome Connie Lee Marie, graphic designer, musician, and Website Goddess!

Amber: Can you share some tips with authors struggling to make their own websites?
Connie: Design your site to be as intuitive and easy to use as possible and your visitor’s experience will be smooth and pleasant.
Save photos and graphics for the web at the smallest file size possible (looking good with details) for fast loading, using Photoshop or Photoshop Elements, etc. with the “Optimize for the Web” option.

Amber: You made a great banner for my website. Once I had the banner I used the color and feel to redo the entire site. How important is the header for a site?
Connie: The header is the most important element of website design. It tells the visitor who you are and what the site is about. It’s your first chance to make a good impression.

Amber: What about type size and fonts?
Connie: Here are a few things to remember -

  • Never make your type too wide across the page. Wide columns are hard to read and look unattractive. I like a maximum width of approximately 600 pixels (6 inches) for an easy-to-read column and of course, smaller columns of approx. 250+ pixels are great for ease of reading. Newspapers traditionally used skinny columns for a reason!
  • Use short paragraphs; line breaks help readability.
  • Very long pages (with lots of photos) may take a long time to load and readers will have to do a lot of waiting and scrolling, or worse yet, leave before the page finishes loading!
  • Remember to set your links to "Open in new window" (in Dreamweaver set the target to _blank) to encourage visitors to return to your website after they’re done looking at an off-site linked page. Your site will be waiting for them after they close the linked page.
  • Typefaces - Very small type is hard to read, especially serif styles. Too large type is also annoying to the eye. Experiment with Verdana or Ariel. I like to keep everything readable. I tend to lean towards san-serif for the web and serif for print. Maybe I’ll change my mind on that someday! Also think about how readable the color of the text is on your background color. Think: Contrast.
  • Underlining. Also use sparingly.Use only a few words in special situations. Make words Bold if you want them to stand out. Too much underlining can make the type hard to read and also can be confused with links.
  • Add italics, bold, underling or ALL CAPS like spice to a dish, to taste. Never use too much!
  • I feel the same way about animated gifs or flash. Too much movement becomes tedious and distracting. A little here or there is good; too much can be annoying. (Do I really want to wait to watch some type or graphic dance around on my screen? Most likely I’m out of there before it loads.)
Amber: Can you share some websites you designed and tell us what you especially like about them?
I like the Old Town Center site because it matches the style of the building perfectly! I also created an email blast template that matches their site for email marketing with Constant Contact.
I don't usually like dark backgrounds on websites because the type is hard to read, but I do like this one. I also made a matching email blast template for this site.

Connie Lee Marie is an artist, 
graphic designer,
and enjoys 
a little plumbing and home repair 
once in a awhile, but not too often.

 Amber: Connie, please can you give us just one more tip?

“Shuffle the Chi!” 
Translation: Make your website interesting!

Learn more about 
Connie Lee Marie's designs


  1. This is really a nice blog i like to read this blog daily it has got all the informative stuff that i want to know about. i want to subscribe it so can tell me when your blog gets updated.

  2. Very interesting post. thank you Connie and Amber. I have a website and I paid attention to these advice, but I wish to change the width of my column. One is too large and the other too narrow. I was told it was part of the template and cannot be tampered with.

  3. Great post Connie and Amber. I have what I think is a great website, but can't take credit for, being a duffer in this department, I had to get it created professionally. And I think that is the key, if you can't do a really good website yourself, it is worth investing a few dollars to get professionals like you to do it.



  4. hi Mona, You might have to change your template

    and thanks Margaret, you are right!

  5. Very interesting information. Thanks for sharing.

  6. Thank you, thank you, thank you! I am working on a new website right now and this was very helpful.

  7. Your web design tips were incredible and interesting. It was very informative and well written. I was impressed. Big thanks and keep sharing.


  8. Designing a site with a simple layout, one or two page templates, and simple typography is a lot quicker than designing a site with eight sections (each with different page templates), complex typography, and a background that needs complicated slicing and coding.

  9. Awesome tips and I like it. I find it impressive as well. You did a great hob. This can be a big help and I will surely refer this to my friend. Thank you for sharing.


  10. Nice article...good going update some more information on this topic.
    seo manchester

  11. An amazing and excellent article.I really like your post.These website design tips are really very helpful in designing an effective and professional website.Thanks for the share.

  12. I totally agree with the new window option. Some people take for granted the advantage of having new links open in a new tab or window instead of navigating away from your page. It’s sort of a way of letting your customers explore other places without actually leaving your website. Simple fonts are also a great boon to good website design. Some fonts may be pretty to look at but might be hard to read, so going with simple ones is always a great choice.

  13. Thanks for sharing your thoughts and ideas about website designing. I am newbie and is trying to learn more and more about it. You have listed so many handy tips which I find convincing.
    customer experience analysis