Before & After Case Study
Redesign of a Brochure Website
| Before | After |
|---|---|
|
|
| Move over images to zoom. | |
The original website used nested HTML table's to place the text
and navigation link images, resulting in code that was difficult to maintain.
In addition, the original website used font tags, which are now
obsolete in the current HTML standard.
The re-designed website uses CSS and HTML to position the content with the minimal amount of coding, thus making the pages lighter weight for faster rendering and easier maintenance.
The banner was redesigned by using high quality images and removing embedded text, thus creating more white space in the design.
The navigation was re-built using text links with CSS styling to get the dynamic mouse-over effects, thus removing the embedded images used to label the links, which makes it easier to add links in the future.


