Showcase websites

If you only have time to look at a few of the websites I've had a hand in creating, these are the ones I'd like you to see first.

Radio New Zealand

Radio New Zealand

Website: radionz.co.nz

Client: Radio New Zealand
My professional status: contractor at Radio New Zealand

Radio New Zealand is a Crown entity established under the Radio New Zealand Act 1995. It provides listeners with independent radio programmes in accordance with the Radio New Zealand Charter. I had first met Richard Hulse, RadioNZ's webmaster, when we were both up for the same ONYA awards in 2010. The Radio New Zealand website had won both awards, and now that it was in need of an update, Richard decided to ask me to build the templates for him. I was honoured! I was responsible for the HTML (HTML5), CSS (including CSS3 and LESS) and jQuery for the new design, incorporating a very high level of accessibility compliance into the build. I also did some design development, plus testing and QA of the completed templates, and a couple of days of additional templating once the web team had begun to integrate their existing content into the new templates.

I have included this site as an example of a huge content-migration project (the site is emormous!), as well as showcasing my skills in HTML5, CSS3 and LESS - and as an example of cutting-edge highest-level e-govt accessibility compliance.

Read more about the Radio New Zealand project

Kirkaldie & Stains

Kirkaldie & Stains

Website: kirkcaldies.co.nz

Client: Kirkaldie & Stains
My professional status: contractor at Heyday

Kirkcaldie & Stains is an icon of the New Zealand retail industry with a singularly distinctive character, and is renowned for its consistent standards of excellence. The existing website was in need of refurbishment - and the company felt it was time to develop part of the website into an Online Store, as well as re-designing their brochure and news content. Heyday were invited to design and develop the new website, and I was asked to join the team for a few weeks to carry out the front-end development. I was responsible for the HTML (HTML5), CSS (CSS3 and LESS) and some of the jQuery, and also for integrating my new code into Silverstripe, building the CMS's layout and include files which were then programmed by Heyday's Glenn Bautista.

I have included this site as an example of an e-commerce project, and also as an example of a site that I have integrated into Silverstripe, in addition to doing the front-end development.

Read more about the Kirkaldie & Stains project

WellingtonNZ

WellingtonNZ

Website: wellingtonnz.com

Client: Positively Wellington Tourism
Government status: Wellington City Council council-controlled organisation
My professional status: contractor at Chrometoaster

I was invited to work with the Chrometoaster team to help them with the rebuild of the entire WellingtonNZ website. This was a massive job with over 60 templates, and a team of three front-end developers all working together on the new site. I was responsible for developing the website's main page structure, including all the chrome, background layers, header, footers and navigation elements and then building a range of templates and modular elements in XHTML/CSS, incorporating existing jQuery effects and preparing these for integration into the existing CMS, as well as ensuring a very high level of e-government and accessibility compliance.

I have chosen this site as an example of a large collaborative effort, where I was one of a number of developers working together on the same files, and in which the proper use of SVN was vitally important, and where extremely high standards of best-practice XHTML/CSS were required.

The WellingtonNZ site was a finalist in the 2011 ONYAs web awards, in the Most outstanding website category.

Read more about the WellingtonNZ project

Holmes Consulting Group

Holmes Consulting Group

Website: holmesgroup.com

Client: Holmes Consulting Group
My professional status: independent web designer/developer

The international structural engineering firm Holmes Consulting Group asked for a completely new photography-centered design, new HTML/CSS templates, and a new CMS, which would be populated with all-new content. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, web design, HTML and CSS, jQuery, testing, putting together the skeleton site in Silverstripe, training, QA and ongoing support.

I have selected this site as an example of one that showcases my design style, which is crisp, clean, minimalist, aesthetically-pleasing and easy to use.

Read more about the Holmes Consulting Group project

Environmental Protection Authority

Environmental Protection Authority

Website: epa.govt.nz

Client: Ministry for the Environment
My professional status: independent web designer/developer

The HTML for the EPA site is based on our Ministry for the Environment templates, with the CSS re-skinned within a completely different design. The HTML/CSS is best-practice e-government compliant and the site was tested for accessibility once it was built. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, HTML and CSS, jQuery, e-government and accessibility compliance, site build and content-coding, testing, site delivery and ongoing support.

I have selected this site as an example of excellent coding, and also as an example of extremely high accessibility.

The EPA site was a double-finalist in the 2010 ONYAs web awards, in the Best use of HTML & CSS category, and in the Best accessibility category.

Read more about the Environmental Protection Authority project

Optimation

Optimation

Website: optimation.co.nz

Client: Optimation
My professional status: independent web designer/developer

In contrast to the old Optimation website, which was largely passive and not well integrated with Optimation's other marketing activities, the new site needed to work much more actively as well as being an interactive space between the company and its clients - and it had to be designed to enable busy clients to get what they need in the minimum time possible. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, HTML and CSS, jQuery, accessibility compliance, testing, QA, CMS training and ongoing support.

I have selected this site as an example of excellent coding, showing the range of functionality that can be achieved using the SilverStripe CMS.

The Optimation site was a finalist in the 2010 ONYAs web awards, in the Best use of HTML & CSS category.

Read more about the Optimation project

Ministry for the Environment

Ministry for the Environment

Website: mfe.govt.nz

Client: Ministry for the Environment
My professional status: independent web designer/developer

The Ministry for the Environment wanted a medium-term redesign solution for their 13,000-page website that would allow them to keep their old legacy content, while bringing the look & feel up to date. Their web team needed to be able to seamlessly transfer the entire site into our new design and set of best-practice e-government compliant Dreamweaver templates, and the CSS had to include matching styles for all their old content code. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, HTML and CSS, jQuery and JavaScript, e-government and accessibility compliance, testing, site delivery and ongoing support.

I have selected this site as an example of a large reverse-engineering project for a Government agency.

Read more about the Ministry for the Environment project

Cavalier Bremworth

Cavalier Bremworth

Website: cavbrem.co.nz

Client: Cavalier Bremworth
My professional status: contractor at DNA

This website represents the first roll-out of the new Cavalier Bremworth branding by DNA. My responsibility was to build a large set of template pages within a very tight timeframe and budget, and prepare them for integration into a custom-built .net CMS. The new site incorporates a very high level of interactivity for visitors and included a large amount of jQuery and Shadowbox programming, for which I was also responsible.

I've included this site as an example of a highly technical build, with an extremely steep learning curve when it came to extending my jQuery skills.

Read more about the Cavalier Bremworth project

Historic Places Trust membership forms

Historic Places Trust membership forms

Website: historicplaces.org.nz/newMemberForm.aspx

Client: Historic Places Trust
My professional status: employee at Shift

The Historic Places Trust needed a set of 7 membership forms for their corporate website. The IA and design originally called for a large master form, which I built in XHTML and CSS and which was controlled by a JavaScript file. As the functionality requirements became more and more complex I broke the master into 7 separate forms and rewrote the JavaScript. The programming and integration of the forms was carried out by Datacom using the Sitecore CMS.

I'm showcasing this project as an example of my ability to lay out complex forms using XHTML and non-table CSS, to indicate my experience with Sitecore, and to show my ability to adapt and rewrite JavaScript where necessary. As an added bonus you might also like to view the Historic Places Trust - Our Properties project.

Read more about the Historic Places Trust membership forms project

New Zealand String Quartet

New Zealand String Quartet

Website: nzsq.co.nz

Client: New Zealand String Quartet
My professional status: employee at Shift (phases 1 & 2), and then independent web designer/developer (phase 3)

The New Zealand String Quartet wanted a new, easy-to-edit website. We recommended WordPress, and my responsibility in phase 1 was to build a set of HTML/CSS templates, which were integrated into WordPress by a colleague at Shift. In phase 2 I added a range of new sections and widgets, and was responsible for designing and integrating the new templates myself, as well as wrangling with the WordPress PHP. 2½ years later in phase 3 I facilitated another site restructure and then took over ongoing site maintenance and support from Shift.

I'm including this site as an example of my experience with WordPress, and to show my ability to extend a design originally created by another designer. It's also a good example of my ability to train clients in the use of their new CMS and to write accompanying training documentation.

Read more about the New Zealand String Quartet project

New Zealand Educated

New Zealand Educated

Website: newzealandeducated.com

Client: Education New Zealand
My professional status: employee at Shift

New Zealand Educated wanted a fun, compelling and informative website that would encourage overseas students to study in New Zealand. I built a set of 36 complex templates for the site in HTML and pure CSS, which were tested across a wide range of browsers and platforms and which achieved a high level of compliance with e-government accessibility guidelines.

I'm showcasing this site as an example of a large, complex build, with high e-government and accessibility requirements - and as an example of my extensive experience with the Expression Engine CMS.

Read more about the New Zealand Educated project

The Gathering Archives

The Gathering Archives

Website: thegathering.co.nz

Client: me
My professional status: independent web designer/developer

In October 2006 I began The Gathering Archives website and accompanying WordPress blog, with the aim of becoming the authoritative source of information on the history and background of iconic New Zealand dance party, The Gathering. The site includes sections for each of the six New Years parties, with the design for each being based on the official artwork from that year.

I'm showcasing this site as an example of my ability to see a project through from concept to completion - including project management, site scope, design, HTML/CSS build, research, writing and WordPress blog design and development.

The Gathering Archives site was a finalist in the 2010 ONYAs web awards, in the Best content (personal) category.

Read more about The Gathering Archives project

WebWeaver Productions

WebWeaver Productions

Website: webweaver.co.nz

Client: me
My professional status: independent web designer/developer

I've decided to include my own website because it shows my style of design and development when I'm free to do what I like. It's a work in progress.

Commissioned, designed, architecture-d, developed, built, written, edited and project-managed by me. The site is designed to be fully accessible, is written in valid HTML 4.01 Transitional and CSS, has been fully tested and displays consistently across a wide range of browsers in Mac and PC. I've built it using templates and Dreamweaver library items so that in the future I can easily update it and make alterations.

Read more about the WebWeaver Productions project