In a previous post, I lamented how quickly things were flying past, and promised that I would show you some of what I've been doing… Well, I proudly present the first installment, the newly revamped SASPAC website.
What's SASPAC? Check out the site to find out. We're the Western Cape distributors for it, which means that we help schools reduce paperwork, find details very quickly, record when kids are naughty, print reports and just generally administer school matters efficiently.
The goal was to simplify and streamline communication of the new range of products in the suite, provide a more flexible system for uploading & downloading support documentation and service packs, and explain what the system actually does to schools that aren't aware of it.
The site looks like mine? Yes, that's correct. I've wanted to apply my layout (and thus a blog-based one) to communicating a business product and its benefits for a while, and it made sense to use what I've learnt here to SASPAC. One of the nifty features (and my first application of it), is a dynamic tree browser which (via Javascipt) scans a specified IIS directory and generates a linked, hierarchical file list automatically. If you care about these things, the site is valid XHTML, uses pure CSS (no tables), and has a footprint of 540kb. Yes, that's correct, just 540kb…
The main background image consists of a 20px high tile, the pattern which I drew pixel-by-pixel and shaded afterwards. It's an optimized .PNG, and 5.71kb in size.
In addition, I also created a set of paper-based single-page brochures to go with the site (or is it the other way round?!)
The brochures were designed to be efficiently printed on a standard colour laser printer, enabling low-cost, small print runs with little toner usage.
More to come in the next few days… 
:: Update :: I looked at what I said about the image being 5.71kb, and thought "is that the best you can do?". So, I increased the sharpness, and re-optimised it with reduced palette depth (48 colours), down to 3.45kb. Oh yeah... 