Why Wireframing?

Wireframing is a great way to sketch the basic layout of a web site before sitting down to program it, before color and fonts and styles. It's similar to making skeletal sketches of any other design product that has multiple elements, like posters or brochures. It gives your client an idea of where the important content will be, and can (note, CAN, it's obviously not guaranteed) save you from designing and programming the site, then having to do it all over again when layout changes because your client feels X is more important than Y and should come before, and Z should be at the bottom and so on.

As we start to wrap up the semester here at Tri-C, we've begun planning our final project web site. The theme is travel, and I've chosen to present the story of my honeymoon. In June of 2011, my husband and I decided to make our honeymoon meaningful to us by visiting the countries of our heritage: Slovenia, and Germany. We also decided to visit Rome and the Vatican, as we are Catholic and wished to receive the papal blessing for newlyweds.

Above you will find the wireframes I've created via Illustrator for possible layouts for my site. My first is a travel journal style, which would be designed to look like a handwritten page of a journal that I keep when travelling. The next two are a bit simpler, with introduction paragraphs in 3 columns or rows.