Page 2 of 3

Building a good website

A few of the sites I’ve built over the years…

Designing a website involves a multitude of things, but the most important component is content. People come to your site to be enriched in some way. Perhaps it’s to learn how to do something, have a good laugh, or simply determine whether you offer what they need. You’ve got to give them a reason to visit your site, and better still, look around at all you offer.

No matter how good your content is, if you don’t make it easy to find things, it’s worthless. When designing a website, keep navigation in mind. Don’t make the visitor hunt around for the information he needs. Put yourself in the shoes of the typical person you expect to visit your site and think about what he will look for, then provide a clear path to it.

Don’t overload the screen with too much information. If you make things too dense, your visitor is liable to throw up his hands and leave. As with print design, white space and illustrations are your friends.

Make sure you’re providing good contrast between your text and any background. Reading on a monitor, laptop or mobile device can be hard enough on the eyes. Don’t compound the problem by doing large amounts of reversed-out text (light copy on a dark background), or worse, laying text over a photo or other patterned background. And speaking of easy to read text, sans serif faces are usually better with digital mediums.

There are different schools of thoughts regarding the length of pages. While pretty much all designers agree your site should never scroll left-to-right (caused by designing it for too wide a width for the browser), some think vertical scrolling should also be avoided while others make pages that go on and on. I prefer a middle of the road approach. With most pages, I try to keep it to one to two “screen pages” in length.

Avoid putting text in graphic format when you can. I’ve occasionally had a client want a large passage of text set in a unique typeface. The only stable way to do this is by creating a graphic of the passage, but search engines can’t “read” what you and I can easily see on screen. That graphic image is just a collection of pixels to the search engine. While you can put some information into the HTML “alt” tag, it’s better to use proper “readable” text. This will also help your Search Engine Optimization (SEO).

Speaking of SEO, I don’t normally recommend fancy Flash websites. While doing those can make sense for certain types of entities (musical acts, for instance), they come with a pretty big downside: SEO is much more difficult, if not impossible. I know they can be things of beauty, but that does you no good if prospective visitors never find the site.

Designer for Hire

Welcome to my portfolio blog. Since WordPress doesn’t allow Flash, I’ve uploaded slideshows of some of my work to YouTube and embedded the videos on the appropriate pages. You’ll also find pages and posts that tell you more about me, my design philosophy, and tips to help you with your design and marketing projects.

Please feel free to look around, comment, or ask questions. If you’re interested in hiring me, use the form on my Contact page and I’ll get back to you promptly.

Layout

Good layout combines quality writing and ideal illustrations into a great marriage, producing effective marketing pieces. Whether you need something as simple as a business card or office brochure, all the way to full newsletters and magazines, layout is king.

You should be sure your finished layout provides a good balance of content to white space. One of the biggest problems I’ve seen clients make is trying to pack too much into their piece, leaving no breathing room or place for the eye to rest. When a piece is too “dense”, it can cause the reader to not even try.

Illustrations are key to a good layout. The eye is drawn to a photo or illustration before it sees text. When you place an appropriate piece of artwork with your text, you grab and direct the reader’s attention.

Part of the layout process includes selecting just the right typefaces to help reinforce your message. Different faces communicate different feelings. For instance, a bank or law office may prefer a stately serif face like the classic Kennerly, by the great designer Frederic Goudy, while a spa catering to women would do better with the feminine lines of Lynotype’s Zapfino.

When creating text heavy pieces like newsletters, consider using two contrasting typefaces — one for the body copy and the other for headlines and subheads. For instance, since serif faces are easier on the eyes, use a serif for the body and a complimentary sans serif for the headlines and subheads. Just whatever you use, keep the number of different typefaces to an absolute minimum.

Layout

Illustration

Having just the right image to illustrate your article can really drive home your point. As they say, a picture is worth a thousand words.

There are fantastic stock photo and illustration resources available online, but sometimes you still can’t find just the right image. That’s where skill with Photoshop and Illustrator come into play. I’ve often manipulated photo and vector illustrations to create the exact image I needed for a project. Of course, sometimes I simply have to create something from scratch.

When trying to decide whether to go with a photo or a vector illustration, the first consideration is how the final piece will be produced. Digital work (PDFs and web-based designs) have little limitations, so full color photos aren’t a problem. If the piece will be printed, will the client’s budget cover CMYK/process color printing? If so, again, you can go with full color photos. It’s when the budget is tighter that you need to be more careful in selecting the type of illustration. Not all photos work well when converted to black and white. Here’s where simple line art and spot-color illustrations shine.

Another consideration when deciding on the type of illustration is the intended market. For instance, if the piece is geared to children, cartoon images work well.

If your illustration includes a face (human or animal) that’s looking to the side, be sure to place it so it’s “looking” at the text it’s illustrating. Doing so subtly directs the reader to the appropriate text. Unfortunately this may require flipping the image, so keep that in mind. If the illustration, for instance, is a sports figure wearing a uniform with text or numbers, flipping it is a problem.

Illustration

© 2024 design

Theme by Anders NorenUp ↑