Adelle Abney Designs

The designers at Adelle Abney Designs are the rare, refreshing type who appreciate both excellent visual design and web standards and accessibility. After a few years in the business, however, their markup was beginning to show its age with leftover tables and image maps from a bygone era.

Meanwhile, Infocraft just didn't look good at all: I do many things, but graphic design is not one of them.

It was a perfect match.

As Adelle Abney was busy producing the design you're currently enjoying, I optimized their website. While I was under the hood, I deployed consistent stylesheets across the site (with a new liquid layout), recast each page in valid, strict XHTML, and designed an elegant, intuitive portfolio manager in PHP and MySQL. Just for kicks, I threw in a couple of Javascript goodies, like the clickable rotating images on the front page and a slick scroller that adjusts as you resize the window.

The average HTML file was reduced by 67% per page, and the average page size was reduced by 41% overall. The structure of the site was greatly simplified as well, reducing the number of pages from sixteen to seven and rolling three MySQL tables into one with no loss in functionality.

Bandwidth Savings for Static Pages

Page	Image Savings	HTML Savings	Total Savings
index.php	6 files	1.9 KB [51%]	30.2 KB [48%]
portfolio.php	8 files	3.2 KB [60%]	23.2 KB [31%]
services.php	8 files	10.9 KB [78%]	18.9 KB [47%]
portfolio.php	9 files	12.0 KB [60%]	18.6 KB [31%]
about.php	5 files	1.6 KB [60%]	7.8 KB [31%]
Average Savings	7.2 files	5.9 KB [67%]	19.7 KB [41%]