Earlier on in the year we were given the opportunity to pitch for a re-design job on the Ministry for the Environment's website, which we won. Sue and I were completely thrilled - it's the first Government client that WebWeaver Productions has pitched for (although I've worked on over 50 government websites as a contractor and/or employee), so to win it was pretty darned cool.
Our primary contact was Dee Guja, the Ministry's senior adviser, Stakeholder Engagement/Publications, and we worked on the project with the Ministry's webmaster, Jennifer Geard. Both Dee and Jennifer are very good at their jobs, and as a result the Ministry has become one of our favourite clients - they absolutely rock!
The brief was tricky, to say the least. The Ministry's website is huge - somewhere around 13,000 pages - and the old site was based on a set of Dreamweaver templates which were pretty old and had a bunch of table-based layouts to contend with. Over the years many different MfE employees have added content to the Ministry site, and in some cases the code used to display the same 'look' has been achieved using a variety of techniques - some of which are now out of date and no longer validate.
Our job was to design and build a new set of e-government compliant best-practice Dreamweaver templates which would seamlessly replace the old ones, together with a stylesheet that would not only control the new template HTML, but would restyle all of the old legacy code within the subnav, main content area and feature column so that it would display properly in the design without the Ministry web team having to rewrite the HTML.
Oh - and it needed to be sufficiently robust and all-encompassing so that Jennifer and her team could be confident that all 13,000 pages would display as expected - without having to check every page before go-live.
Sue worked her magic and produced a beautiful new design which was light years away from the old design. I built a set of 11 HTML/CSS templates which I then converted to Dreamweaver templates, matching the editable regions as closely as possible to their existing ones so that when Jennifer came to do the global 'find and replace' that would replace their old templates with our new ones, the site would hold together.
Our test list consisted of 16 different browser/OS combinations (the number has been somewhat reduced since then), which meant I had to get on TradeMe and buy a bunch of old PCs so that I could get the full range of PC operating systems I needed for testing. The completely awesome standalone versions of IE6 and IE7 no longer work properly when you've got IE8 installed, so I needed separate versions of the same OS in order to test all three versions of IE. Oh joy.
The project began back in April, and the site went live in June, which is not bad going for such a large website. Jennifer and her team are working through the site to remove the worst (legacy) examples of non-compliant code, and the new templates were tested for e-govt compliance by Bruce Aylward of W 3 A. He's an expert on website accessibility, and taught me a bunch of new tricks, which I really appreciated.
All in all a great project to be involved with, and a very satisfactory result. We hope you like the Ministry's new website as much as we do.
Technorati tags: Ministry for the Environment, MfE, website, web design, web development, HTML, CSS, WebWeaver Productions, Sue Quigley, Dee Guja, Jennifer Geard, Bruce Aylward, W3A, e-government, accessibility, WebWeaver's World, webweaver.
Sunday, November 22, 2009
Working with the Ministry
Monday, November 09, 2009
Entering the ONYAs
I've spent the weekend completing multiple entries for the inaugural ONYAs web awards, which are being organised by the very wonderful Mike and Tash who also bring you the equally wonderful Webstock.
The closing date was today - originally 6pm this evening, but they've extended it until midnight. You have less than an hour, folks!
Actually, having said that, you might have some trouble making a submission between now and midnight - the site's down. Wonder if we knocked it out with the sheer volume of last-minute entries?
WebWeaver Productions have entered two of our most recent sites - the Environmental Protection Authority website that went live on October 1, and the Optimation website that went live just a few hours ago.
We're very proud of both sites - we think they represent some of WebWeaver's best work this year - and we think we've got as good a chance as anyone of winning an (already coveted) award.
We've entered the EPA site for Best use of HTML & CSS and Best accessibility (both in my name), and the Optimation site for Best use of HTML & CSS (me) and Best visual design (Sue). I think Amanda might also be entering the Opti site for Best content (corporate) because the writing she's done for the new site is really good.
We were only sad that there wasn't a category for Best integration into a CMS, because poor old Tom's the only WebWeaver(er) who doesn't have a category to enter. No fair! I think we would definitely have entered the Opti site for that category too if there had been one.
Oh - and I also entered The Gathering archives in the Best content (personal) category - just because I can. And also 'cos I think it's a pretty cool site.
Now all we have to do is keep all our fingers and toes crossed until February 19. Crikey!
Technorati tags: WebWeaver Productions, websites, ONYA, ONYAs, web awards, categories, entries, Optimation, EPA, Environmental Protection Authority, Tom St George, Susan Quigley, Amanda McVitty, web design, web development, accessibility, HTML, CSS, WebWeaver's World, webweaver
