Large sites

These are sites of 250+ pages, many database-driven or within a CMS, that I have played a part in designing and/or developing. They are listed in reverse chronological order, with the most recent at the top.

Case studies in this category

Aspiring Walls

Aspiring Walls

Website: aspiringwalls.co.nz
Client: Aspiring Walls
Dates: March 2016 onwards
My professional status: independent web designer/developer

Wellington-based company Aspiring Walls has been supplying wallpaper products to the New Zealand market for over 40 years.They have one of New Zealand’s largest ranges of wallpapers and murals designed for both domestic and commercial settings, sourced from producers worldwide and supplying an extensive network of retail stockists nationally.

They were just about to launch a new responsive WordPress website that was based on one done for a sister company in Australia by an Australian dev company. They were looking for a New Zealand-based webmaster to take care of the website and asked if I'd be interested, based on my extensive WordPress and e-commerce experience. I am responsible for arranging and managing hosting; adding and removing product ranges; and improving design, layout, functionality and formatting as required. Find out more about the Aspiring Walls project

Categories: Client liaison, Project manager, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, E-commerce, Large sites

Education Council

Education Council

Website: educationcouncil.org.nz
Client: Education Council
Dates: May-July 2015, November 2015
Government status: Independent statutory body
My professional status: Web consultant with Insight Consultants Ltd

In 2015 the New Zealand Teachers Council was re-structured, re-named and re-branded and became the Education Council of Aotearoa New Zealand. Insight Consultants has been working with the NZ Teachers Council for many years, and designed the new branding and identity for the Education Council. They also provided a new design for the existing website, and were asked to oversee the website re-skinning process that was carried out by another web design/dev company.

I was asked by Chris Payne, Insight's Director, to work alongside his team as their resident web consultant. Initially they asked me to sort through the 800+ PDF and image files on the website, updating some of these with the new logo/branding. I also provided advice on meta-tagging in relation to internal search engine optimisation, reviewed the progress of the web design company that was re-skinning the website, created a master sitemap and advised them on best practice for the FAQs section. Find out more about the Education Council project

Categories: Client liaison, IA & UX, Responsive web design/dev, CSS-based layout, Drupal, Government websites, Large sites

Off The Tracks

Off The Tracks

Website: offthetracks.co.nz
Client: Simon Sweetman
Dates: April 2015 onwards
My professional status: independent web designer/developer

Simon Sweetman is a freelance music writer. He is the music critic for the Dominion Post and for eight years was writer of Blog on the Tracks, daily music musings for Stuff.co.nz. His work has also appeared in the New Zealand Listener, North & South, Rip It Up, Sunday Star-Times, Herald on Sunday, Salient and The Package. He has provided comment for Radio New Zealand National, RadioLIVE, Newstalk ZB, Radio Active and TVNZ's Good Morning. He's also written a book.

He's also an incredibly prolific blogger, publishing multiple music-related posts per day on his own WordPress blog, Off The Tracks. We met because he needed help with the blog, which was forever crashing or going offline and being 404'd.

I was initially responsible for figuring out what the problem was, and solving it. I now manage webhosting for Off The Tracks and help Simon with any technical updates he might need. The blog runs on WordPress. Find out more about the Off The Tracks project

Categories: Client liaison, Webmaster, CSS-based layout, CSS3, HTML5, WordPress, Large sites

ACE Aotearoa

ACE Aotearoa

Website: aceaotearoa.org.nz
Client: ACE Aotearoa
Dates: March-April 2015
Government status: Government Agency
My professional status: independent web designer/developer

Adult and Community Education (ACE) Aotearoa is the lead body for adult and community educators and a voice for adult learners. It is a membership organisation which represents both its members and the wider ACE sector. It provides advocacy and direction for policy development and its implementation. I was responsible for figure out how to update their website after their regular web editor left, creating and removing pages, content-loading, making graphics, and editing/proofreading content. The website runs on the Drupal CMS. Find out more about the ACE Aotearoa project

Categories: Client liaison, Project manager, Writing for the web, Content-loader, Webmaster, Drupal, Government websites, Large sites

WebWeaver Productions

WebWeaver Productions

Website: webweaver.co.nz
Client: me
Dates: August 2013 - April 2015 onwards
My professional status: independent web designer/developer

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 HTML5 and CSS3, and has been fully tested and displays consistently across a wide range of operating systems, browsers and devices.

The latest iteration of the site is responsive, designed for ease of reading in whatever device it's being viewed, and fully tested across a range of devices and platforms. It runs on the SilverStripe Content Management System, built and integrated by my WebWeaver colleague, Tom St George. Find out more about the WebWeaver Productions project

Categories: Showcase sites, Project manager, IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Large sites

OTNZ

OTNZ

Website: nzaot.com
Client: Occupational Therapy New Zealand
Dates: July 2013 - March 2015, with ongoing support after delivery
My professional status: independent web designer/developer

An occupational therapist is a registered health provider who uses the theory of occupation to improve well-being and quality of life. Occupational Therapy New Zealand Whakaora Ngangahau Aotearoa is the national association representing occupational therapy professionals in New Zealand.

I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, design, HTML5 and CSS, testing, accessibility and e-govt compliance, SilverStripe CMS training, QA and ongoing support. Find out more about the OTNZ project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Large sites

Toyota

Toyota

Website: toyota.co.nz
Client: Toyota New Zealand
Dates: May - June 2013
My professional status: contractor at Proximity

The Toyota New Zealand website was in need of a major upgrade and Proximity was invited by Toyota to design and build it for them, as the companies already had a very good working relationship. I was asked to join the small web team for six weeks to carry out the front-end development for the site. I was responsible for the HTML5 and CSS3/SASS coding for the new designs, as well as accessibility and browser testing. Find out more about the Toyota project

Categories: Front-end developer, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, Other CMS, Large sites

Corrections

Corrections

Website: corrections.govt.nz
Client: Department of Corrections
Dates: April - May 2013
Government status: Government Department
My professional status: contractor at the Department of Corrections

The Corrections website project consisted of a restructure, redesign, and rebuild of an existing website. The new website had been designed by Provoke, and was being built in Squiz Matrix by Optimation. Initially I was taken on by Corrections as a web content co-ordinator, with my main responsibility being to help their web team to transfer content from their old website to the new one, and to ensure that it was formatted correctly once it got there.

I ended up working alongside Steve Beckett, the Corrections project manager, with the aim of ensuring that the development and integration of the site matched the original design and that it would be easy to use for the ongoing web editors at Corrections. Find out more about the Corrections project

Categories: Client liaison, Govt web standards tester, Writing for the web, Content-loader, Squiz/MySource Matrix, Other CMS, Government websites, Large sites

Radio New Zealand

Radio New Zealand

Website: radionz.co.nz
Client: Radio New Zealand
Dates: October 2012 and February/May 2013
Government status: Crown Entity
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. Find out more about the Radio New Zealand project

Categories: Showcase sites, Client liaison, Website designer, Front-end developer, Govt web standards tester, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, Other CMS, Government websites, Large sites

Kirkaldie & Stains

Kirkaldie & Stains

Website: no longer online
Client: Kirkaldie & Stains
Dates: August - October 2012
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 e-commerce 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. Find out more about the Kirkaldie & Stains project

Categories: Showcase sites, Scoping/pitching/quoting, Website designer, Front-end developer, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, SilverStripe, E-commerce, Large sites

Pacific Island Affairs

Pacific Island Affairs

Website: mpia.govt.nz
Client: Ministry of Pacific Island Affairs
Dates: July - December 2012, with ongoing support and updates after delivery
Government status: Government Ministry
My professional status: independent web designer/developer

The Ministry of Pacific Island Affairs is Government's premier adviser on policies and interventions to promote the social, economic and cultural development of Pacific peoples in New Zealand. A recent survey had indicated that visitors found the website confusing and difficult to navigate, and the Ministry also felt that they were unable to feature and highlight the most important areas of the site on their existing homepage; so wanted to remedy both these issues with a website upgrade.

I was responsible for producing five initial quote options, client liaison, project management, information architecture, schematics, partial site re-design, XHTML, pure CSS, jQuery, testing, site proofing and re-styling within the existing SilverStripe CMS. Find out more about the Pacific Island Affairs project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, Content-loader, CSS-based layout, CSS3, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Government websites, Large sites

Essential Mums

Essential Mums

Website: essentialmums.co.nz (site has since been redesigned)
Client: Fairfax Media
Dates: January - March 2012
My professional status: contractor at Fairfax Digital

Fairfax Media is the largest integrated metropolitan, rural and regional, magazine and digital media company in Australasia, with publications and websites in every State and the ACT in Australia, and throughout New Zealand.

Essential Mums is an online addition to the Fairfax Media portfolio, and aims to provide expert information, helpful tools, and a community of other mums to help mothers on their parenting journey. I was responsible for information architecture and design development throughout the website. Find out more about the Essential Mums project

Categories: Client liaison, IA & UX, Website designer, CSS-based layout, Other CMS, Large sites

Sorted

Sorted

Website: sorted.org.nz
Client: Commission for Financial Literacy and Retirement Income (formerly the Retirement Commission)
Dates: August 2011 - January 2012
Government status: Government-funded (independent) organisation
My professional status: contractor at Chrometoaster

The Sorted website provides money planning and savings information for Kiwis, with advice and help in managing money, getting out of debt and planning for retirement, and includes a range of interactive calculators as well as written content.

Chrometoaster invited me to help with a complete re-design and rebuild of the site, as one of a team of three front-end developers. I was responsible for XHTML/CSS (including some CSS3), jQuery, e-govt and accessibility compliance, browser testing and QA for: 30+ new page templates; 16 popup modal screens; and page structure, header, and nav tabs for 10 calculator pages. Find out more about the Sorted project

Categories: Front-end developer, Govt web standards tester, CSS-based layout, CSS3, jQuery/JavaScript, e-govt/WCAG compliance, Drupal, Government websites, Large sites

Wellington Batucada

Wellington Batucada

Website: batucada.org.nz
Client: Wellington Batucada
Dates: July - December 2011 (site build) and ongoing work as the site's webmaster and writer
My professional status: independent web designer/developer

I'm a very proud member of Wellington Batucada, Wellington's community-based street samba band. The band's Director, Tim Cooke - who's also a web designer - provided me with a completely new design for the website, and it was my job to translate that into a standalone WordPress website - and to populate all the pages, editing existing stuff and writing new stuff as necessary.

I was responsible for webhost management, design development, HTML/CSS (including some CSS3), jQuery, photo and video archiving, testing, QA, writing and editing. I am the website's webmaster, writing most of the blog posts and gig reviews and sorting out our huge and ever-growing collection of photos and videos. In Phase Two I added a members' only section to the website. Find out more about the Wellington Batucada project

Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, CSS-based layout, CSS3, jQuery/JavaScript, WordPress, Large sites

HealthEd

HealthEd

Website: healthed.govt.nz (site has since been redesigned)
Client: Ministry of Health
Dates: January - June 2011, with the bulk of the work being carried out in May and June
Government status: Government Ministry
My professional status: contractor at Learning Media

The Ministry of Health wanted a complete restructure, redesign, and rebuild of their existing HeathEd website. The new site had been designed by DNA and was being built in Drupal 7 by Catalyst. Learning Media was in charge of the content, and it was my job as web editor to ensure that all 600 resources were titled and described consistently and with Seach Engine Optimisation (SEO) in mind; that the 200+ resources with HTML versions were formatted correctly; and that Catalyst's build matched DNA's design pixel-perfectly.

Resources on the HealthEd website were available in Amharic, Arabic, Burmese, Cambodian-Khmer, Simplified Chinese, Traditional Chinese, Cook Islands Māori, English, Fijian, Gujarati, Hindi, Japanese, Korean, Māori, Niuean, Persian (Farsi), Pushto Afghani, Sāmoan, Somali, Thai, Tokelauan, Tongan, Tuvaluan and Vietnamese. Find out more about the HealthEd project

Categories: Govt web standards tester, Writing for the web, Content-loader, CSS-based layout, e-govt/WCAG compliance, Drupal, E-commerce, Government websites, Large sites

WellingtonNZ

WellingtonNZ

Website: wellingtonnz.com (site has since been redesigned)
Client: Positively Wellington Tourism
Dates: April - June 2010
Government status: Council-Controlled Organisation
My professional status: contractor at Chrometoaster

A month after I created the Australia landing page I was invited to re-join the Chrometoaster team to help them with the complete re-skin/rebuild of the entire 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. Find out more about the WellingtonNZ project

Categories: Showcase sites, Front-end developer, Govt web standards tester, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, Drupal, Government websites, Large sites

WellingtonNZ Australia

WellingtonNZ Australia

Website: wellingtonnz.com/australia (site has since been redesigned)
Client: Positively Wellington Tourism
Dates: February - March 2010
Government status: Council-Controlled Organisation
My professional status: contractor at Chrometoaster

Chrometoaster were asked to create a single new template for the Australia landing page of WellingtonNZ (the point of arrival for Australian visitors). The template would temporarily sit within the existing chrome of the website, but the content would follow the design that was being finalised for the new version of the site.

I was responsible for building the template in XHTML/CSS, incorporating existing jQuery effects and preparing it for integration into the existing Drupal CMS, as well as ensuring a very high level of e-government and accessibility compliance. Find out more about the WellingtonNZ Australia project

Categories: Front-end developer, Govt web standards tester, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, Drupal, Government websites, Large sites

CreditSights Marketing

CreditSights Marketing

Website: creditsights.com
Client: CreditSights
Dates: January - August 2010
My professional status: contractor at Optimation

Optimation were updating the main CreditSights website, and were asked to build a new Marketing site that provides an overview of the company's services for potential subscribers. A design was provided by the same US design company that did the main website, with the XHTML/CSS being built from scratch and integrated into asp.net.

I was responsible for developing the design across all templates, building the XHTML/CSS, bug-fixing and template tweaking. Once I had built the XHTML/CSS templates in Dreamweaver, these were integrated into the .net environment, and any subsequent tweaking was done from within VisualStudio. Find out more about the CreditSights Marketing project

Categories: Website designer, Front-end developer, CSS-based layout, jQuery/JavaScript, ASP or ASP.NET, Large sites

CreditSights

CreditSights

Website: member-only access
Client: CreditSights
Dates: November 2009 - December 2011
My professional status: contractor at Optimation

CreditSights is an award-winning provider of independent investment research. Their website provides subscribers with coverage of over 750 of the most widely-traded names in the US and European markets. They produce over 300 research reports a month and their archives contain over 100,000 articles.

Optimation was asked to extend the site's functionality at the same time as re-skinning the site - and I was responsible for developing and extending the new design, rebuilding some of the XHTML/CSS, bug-fixing and template tweaking, streamlining some of the backend CMS elements, and re-designing & re-styling various widgets and other elements. The site is built in asp.net, so all of my work was done in VisualStudio within the .net environment, working on already-integrated templates. Find out more about the CreditSights project

Categories: Website designer, Front-end developer, CSS-based layout, jQuery/JavaScript, ASP or ASP.NET, Large sites

Master Plumbers

Master Plumbers

Website: masterplumbers.org.nz (site has since been redesigned)
Client: Master Plumbers, Gasfitters and Drainlayers Inc
Dates: April - October 2009, with regular ongoing support until March 2016
My professional status: independent web designer/developer

Master Plumbers had an old website that needed redesigning and integrating within a more user-friendly CMS. We identified three main sections of the site - Public, Trade and Members - which led to a four-colourway design solution.

I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, web design, HTML and CSS, jQuery, accessibility compliance, testing, content-loading, CMS training and ongoing support. Find out more about the Master Plumbers project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, CSS-based layout, jQuery/JavaScript, SilverStripe, Large sites

Ministry for the Environment

Ministry for the Environment

Website: mfe.govt.nz (site has since been redesigned)
Client: Ministry for the Environment
Dates: April - June 2009, with ongoing support after delivery
Government status: Government Ministry
My professional status: independent web designer/developer

The 13,000-page Ministry for the Environment website was looking old and tired, and the Ministry wanted a medium-term website redesign solution that would allow them to keep their old legacy content, while bringing the look & feel up to date. The Ministry web team needed to be able to transfer their entire website into our new design and set of best-practice e-government compliant Dreamweaver templates as painlessly as possible, and the CSS also had to include matching styles for all their old content code.

I was responsible for the initial quote, some 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. Find out more about the Ministry for the Environment project

Categories: Showcase sites, Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Front-end developer, Govt web standards tester, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Large sites

MedSys

MedSys

Website: not publicly available online
Client: Medical Council of New Zealand
Dates: January - July 2009
Government status: appointed by the Ministry of Health
My professional status: contractor at Optimation

MedSys is MCNZ's core system for handling doctor registration and on-going certification, which Optimation spent three years designing, developing and implementing. I was responsible for a number of tasks, including a rebuild of the application's chrome, a review and streamlining of the template design to save space and fit in more content, and an overview and rebuild of the HTML/CSS in many of the templates in order to improve cross-browser compatibility and increase consistency throughout the application. The site is built in asp.net, so virtually all of my work was within the .net environment, working on already-integrated templates using VisualStudio. Find out more about the MedSys project

Categories: IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, ASP or ASP.NET, Government websites, Large sites

Cavalier Bremworth

Cavalier Bremworth

Website: cavbrem.co.nz (site has since been redesigned)
Client: Cavalier Bremworth
Dates: January - February 2009
My professional status: contractor at DNA

This website represented 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 incorporated a very high level of interactivity for visitors considering purchasing a new carpet from the company, and therefore included a large amount of jQuery and Shadowbox programming, for which I was also responsible. It was the most technical site I had ever built, with an extremely steep learning curve when it came to extending my jQuery skills, which I really enjoyed. Find out more about the Cavalier Bremworth project

Categories: Showcase sites, Scoping/pitching/quoting, Front-end developer, CSS-based layout, jQuery/JavaScript, ASP or ASP.NET, E-commerce, Large sites

Historic Places Trust

Historic Places Trust

Website: historicplaces.org.nz (website has since been redesigned)
Client: Historic Places Trust
Dates: July - October 2008
Government status: Crown Entity
My professional status: employee at Shift

The Historic Places Trust wanted a new website which focused on their properties around the country that are open to visitors. The site included detailed information about the Trust's places to visit, venue hire, events, exhibitions and tours, and included an online store.

I built 22 templates for the site in XHTML and pure CSS, and liaised closely with the team at Datacom who integrated the templates into the Sitecore CMS. I also wrote a comprehensive handover document for Datacom to facilitate integration of my templates and provided ongoing support to them during the integration process. Find out more about the Historic Places Trust project

Categories: Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, Sitecore, E-commerce, Government websites, Large sites

NIWA

NIWA

Website: niwa.co.nz (site has since been redesigned)
Client: NIWA
Dates: June - July and October 2008
Government status: New Zealand Crown Research Institute
My professional status: employee at Shift

The National Institute of Water & Atmospheric Research wanted a completely new look to their website, which acted as a repository for their very large collection of research documents, photographic images and publications - as well as information about NIWA itself. The design was complex and multi-layered and required a range of dynamic graphical elements.

I was responsible for building 28 templates for the site in XHTML and CSS, and liaising closely with the integration team at Squiz. I used jQuery to create the dynamic elements and also wrote a comprehensive handover document for Squiz to facilitate integration of my templates into MySource Matrix CMS. Find out more about the NIWA project

Categories: Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, Squiz/MySource Matrix, Government websites, Large sites

Salvation Army

Salvation Army

Website: salvationarmy.org.nz (site has since been redesigned)
Client: Salvation Army
Dates: May - September 2008
My professional status: employee at Shift

The Salvation Army (New Zealand, Fiji & Tonga Territory) wanted a new content-manageable website which would promote the organisation, provide information for people who either needed its help or wanted to join, and also provided homepages for all the Army corps around the country.

During the handover phase from my HTML/CSS to his CMS integration, the programmer and I re-assessed the site and identified additional templates that were required, which I then wireframed, designed and built following the existing site design. Find out more about the Salvation Army project

Categories: IA & UX, Website designer, Front-end developer, CSS-based layout, jQuery/JavaScript, ExpressionEngine, Large sites

NZWood (resources)

NZWood (resources)

Website: nzwood.co.nz (site has since been redesigned)
Client: NZWood
Dates: April - June and August - September 2008
My professional status: employee at Shift

The NZWood resources site is is the largest in a series of websites for the organisation, and its main focus. It provides wood-related resources, tools, research and case studies for a range of industries that use wood, and could be encouraged to use more.

During the handover phase from my HTML/CSS to his CMS integration, the programmer and I re-assessed the site and identified additional templates that were required, which I then wireframed, designed and built following the existing site design. Find out more about the NZWood (resources) project

Categories: IA & UX, Website designer, Front-end developer, CSS-based layout, ExpressionEngine, Large sites

New Zealand Educated

New Zealand Educated

Website: newzealandeducated.com (site has since been redesigned)
Client: Education New Zealand
Dates: May - September 2007
Government status: Crown Entity
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 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. Education New Zealand is a Crown Entity funded by the New Zealand Government. Find out more about the New Zealand Educated project

Categories: Showcase sites, Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, ExpressionEngine, Government websites, Large sites

NZ Cricket Membership App

NZ Cricket Membership App

Website: web application
Client: New Zealand Cricket
Dates: May - June 2007
My professional status: employee at Shift

In 2006 Shift developed an online database application for New Zealand Cricket to collect data online and use it effectively. Phase Two of the project involved expanding the application to include player stats, public access to data, and club websites. My job was to create new HTML pages based on those created in Phase One, interpreting the Phase Two schematics to incorporate the application's new functionalities. I also extended the page design across all the new templates. Find out more about the NZ Cricket Membership App project

Categories: Website designer, Front-end developer, CSS-based layout, Large sites

New Zealand Police

New Zealand Police

Website: police.govt.nz (site has since been redesigned)
Client: New Zealand Police
Dates: December 2006
Government status: Government Agency
My professional status: employee at Shift

The New Zealand Police wanted to re-vamp their website without having to change much of the existing HTML. My job was to re-skin the site, as far as possible altering the CSS only. I also built a new homepage based on the existing HTML and navigation elements in the rest of the site, and advised the designer on which visual elements could be changed using CSS only. Find out more about the New Zealand Police project

Categories: Website designer, Front-end developer, Govt web standards tester, CSS-based layout, e-govt/WCAG compliance, Other CMS, Government websites, Large sites

The Gathering Archives

The Gathering Archives

Website: thegathering.co.nz
Client: me
Dates: October 2006 - present
My professional status: independent web designer/developer

In October 2006 I began creating, designing, building and writing 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 is divided into different sections for each of the six Gatherings, and includes facts & figures, media coverage, Gathering artwork, photos, video and film footage, Gatherer stories and maps of the venue for each party. The design for each section is based on the official Gathering artwork from that year. Find out more about the The Gathering Archives project

Categories: Showcase sites, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, CSS-based layout, WordPress, No CMS, Large sites

WWF-NZ

WWF-NZ

Website: wwf.org.nz (site has since been redesigned)
Client: WWF-New Zealand
Dates: October - November 2006 and July - August 2007
My professional status: employee at Shift

Shift donated some time to the Worldwide Fund for Nature New Zealand (WWF-NZ) in order that we could build them a better website than they could afford. I built a set of 17 templates for the site in HTML and pure CSS, and felt that the design could do with livening up and beautifying somewhat. I modified and improved the original design and introduced some photographic elements, including the Flash header. Find out more about the WWF-NZ project

Categories: Website designer, Front-end developer, CSS-based layout, Flash, ExpressionEngine, Large sites

National Library

National Library

Website: natlib.govt.nz (site has since been redesigned)
Client: National Library of New Zealand
Dates: July - October 2006
Government status: Government Agency
My professional status: employee at Shift

The National Library of New Zealand needed a new website to replace their old and outdated one. It was to be fully editable by the National Library's web team, and was to be integrated into the Plone CMS by 3months.com. My role was to build a full set of templates for the site in HTML and pure CSS. The site was a liquid layout with min-and max-width, needed to be absolutely consistent across a wide range of browsers and platforms, and had to achieve a high level of compliance with e-government accessibility guidelines. Find out more about the National Library project

Categories: Client liaison, Front-end developer, Govt web standards tester, CSS-based layout, e-govt/WCAG compliance, Plone, Government websites, Large sites

WebWeaver's World

WebWeaver's World

Website: webweaversworld.blogspot.co.nz
Client: me
Dates: May 2006 - present
My professional status: independent web designer/developer

A blog about my passions. May include some or all of the following: geek stuff (web design & development, CSS, accessibility, usability), environmental activism, my adopted home of New Zealand, international & green politics, gardening, cats, literature, rugby, and much more. Find out more about the WebWeaver's World project

Categories: Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, CSS-based layout, Blogger, Large sites

Ministry of Transport (2006)

Ministry of Transport (2006)

Website: transport.govt.nz (site has since been redesigned)
Client: Ministry of Transport
Dates: April - June 2006
Government status: Government Ministry
My professional status: employee at Base Two

Base Two had carried out a complete redesign of the very large MOT site, and placed it within the SilverStripe CMS. My job, at the end of the project, was to complete the website and prepare it for go-live. This included bug-fixing of the HTML, CSS, CMS and JavaScript. It also included extensive browser testing. Find out more about the Ministry of Transport (2006) project

Categories: Project manager, Front-end developer, Govt web standards tester, CSS-based layout, e-govt/WCAG compliance, SilverStripe, Government websites, Large sites

NZHistory

NZHistory

Website: nzhistory.net.nz (site has since been redesigned)
Client: Ministry of Culture and Heritage
Dates: September - October 2005
Government status: Government Ministry
My professional status: contractor at Shift

The existing large information-rich NZHistory website needed a complete resdesign, which was carried out by Shift. My job was to translate the complex design into a CSS website, which would then be incorporated into a Content Management System. As part of the Ministry of Culture and Heritage, the site exhibited a high level of accessibility, was built in valid XHTML and CSS, and passed accessibility tests levels 1 and 2 (and 3 where possible). It was supposed to be pixel-perfect in 7 different browsers on Mac and PC. I raised that to 13. Find out more about the NZHistory project

Categories: Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, Other CMS, Government websites, Large sites

LTNZ

LTNZ

Website: no longer online
Client: Land Transport New Zealand
Dates: September - October 2005
Government status: part of NZ Transport Agency (NZTA), a Crown Entity
My professional status: contractor at Shift

The LTNZ website (formerly Land Transport Safety Authority) had been through a number of different "looks" and had ended up with three different designs appearing across the site. In order to streamline and improve both the look and the information architecture, Shift redesigned the site, and passed it on to me to re-skin. This means changing the existing CSS, but not the HTML, if possible. As a government website, it conformed to e-government guidelines, utilised validated HTML 4.01 Transitional and CSS, and maintained a consistent appearance across a range of browsers on Mac and PC. Find out more about the LTNZ project

Categories: Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, Other CMS, Government websites, Large sites

Timeframes

Timeframes

Website: timeframes.natlib.govt.nz (site has since been redesigned)
Client: National Library of New Zealand
Dates: July - August 2005
Government status: Government Agency
My professional status: contractor at Shift

The National Library of New Zealand wanted to update the huge Alexander Turnbull image database available online, so that users could more easily search the database, save and order images. I built a CSS website front-end, which was then integrated into the database. The site had a liquid layout with min-width, followed e-government guidelines with a very high level of accessibility, and was built in XHTML 1.0 Transitional and CSS. It was consistent across a total of 12 browsers in Mac and PC. Find out more about the Timeframes project

Categories: Front-end developer, Govt web standards tester, CSS-based layout, e-govt/WCAG compliance, Other CMS, E-commerce, Government websites, Large sites

Living Heritage

Living Heritage

Website: no longer online
Client: Living Heritage/2020 Communications Trust
Dates: September - October 2004
My professional status: contractor at CWA New Media

The projects on this site were added by schools using a template. Over time the site had become quite inconsistent, so I did an audit of the online and offline versions and ensured that these were exactly the same. I also tidied up various projects and updated the index pages. Find out more about the Living Heritage project

Categories: Front-end developer, Govt web standards tester, Writing for the web, Content-loader, CSS-based layout, e-govt/WCAG compliance, eZ Publish, Large sites

Ngā Toi Online

Ngā Toi Online

Website: tki.org.nz/r/arts/ngatoi/index_e.html
Client: Ministry of Education
Dates: September 2004
Government status: Government Ministry
My professional status: contractor at CWA New Media

This large, constantly updated, bilingual site had reached a stage where the two halves were no longer a mirror of each other. Guided by an extensive paper edit I made alterations in XHTML to the content of virtually every page, most of which were in te reo. Find out more about the Ngā Toi Online project

Categories: Front-end developer, Govt web standards tester, Writing for the web, Content-loader, CSS-based layout, e-govt/WCAG compliance, eZ Publish, Government websites, Large sites

M-co GMC

M-co GMC

Website: no longer online
Client: M-co
Dates: October - November 2002
My professional status: employee at Origin Design

The Gas Market Company, a subsidiary of M-co, wanted a Flash animation for their website homepage, which I created using photos from M-co. I also completed the website template build following a design by Origin. Find out more about the M-co GMC project

Categories: Front-end developer, Flash, Large sites

MTA

MTA

Website: mta.org.nz (site has since been redesigned)
Client: Motor Trade Association
Dates: September - November 2002
My professional status: employee at Origin Design

The Motor Trade Association needed a large database-driven website, divided into two parts - public and membership-only. It featured a cartoon character, Bob, who added a human element to the site. I built the templates and created a Flash animation for the homepage, as well as designing many of the pages myself, following the designer's look and feel. Find out more about the MTA project

Categories: Website designer, Front-end developer, jQuery/JavaScript, Old-school table layout, Flash, Database-driven (pre-CMS), Large sites

Contact Energy

Contact Energy

Website: mycontact.co.nz (site has since been redesigned)
Client: Contact Energy
Dates: January - July 2001
My professional status: employee at Origin Design

Contact was a large database-driven business-to-consumer website and was fully integrated with the company's billing systems. I built the templates in highly robust HTML which were used by the programming team to build the website itself. Each template was complex, including large amounts of navigation and functionality, as well as being content-rich. Find out more about the Contact Energy project

Categories: Website designer, Front-end developer, Writing for the web, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), E-commerce, Large sites

Fonterra

Fonterra

Website: fonterra.com (site has since been redesigned)
Client: Fonterra
Dates: January 2001 - July 2002
My professional status: employee at Origin Design

The Fonterra website incorporated a public website (with large archive section), an intranet and a secure extranet (for externally-based contractors) and was updated every week, sometimes every day. I built, developed, managed and maintained the website which went through two complete redesigns before Fonterra took the project in-house. Find out more about the Fonterra project

Categories: Project manager, IA & UX, Website designer, Front-end developer, Content-loader, Webmaster, Old-school table layout, No CMS, Large sites

WebWeaver Productions (2000-2015)

WebWeaver Productions (2000-2015)

Website: webweaver.co.nz (site has since been redesigned)
Client: me
Dates: September 2000 - April 2015
My professional status: independent web designer/developer

Commissioned, designed, architecture-d, developed, built, written, edited and project-managed by me. In July 2005 I rebuilt the original tables-based site in pure CSS. It was designed to be fully accessible, displayed a liquid layout with min-width, was written in valid HTML 4.01 Transitional and CSS, and was fully accessibility-tested and displayed consistently across 13 browsers in Mac and PC. I built it using templates and Dreamweaver library items so that I could easily update it and make alterations. Find out more about the WebWeaver Productions (2000-2015) project

Categories: Project manager, IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, Content-loader, Webmaster, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, No CMS, Large sites

TeachNZ

TeachNZ

Website: teachnz.govt.nz (site has since been redesigned)
Client: Ministry of Education and Ogilvy & Mather
Dates: May - August 2000
Government status: Government Ministry
My professional status: contractor at Base Two

The existing TeachNZ website needed to be completely rebuilt and restructured - with all-new content and with a double navigation structure utilising frames and popup navigation windows. I worked on the architecture and then built the site itself. Find out more about the TeachNZ project

Categories: Client liaison, Project manager, IA & UX, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), Government websites, Large sites

Wellington Airport

Wellington Airport

Website: wellington-airport.co.nz (site has since been redesigned)
Client: Wellington International Airport
Dates: May - August 2000
My professional status: contractor at Base Two

I carried out updates and alterations throughout the website as required (HTML content and graphics, PDFs). Find out more about the Wellington Airport project

Categories: Front-end developer, Content-loader, Webmaster, Old-school table layout, No CMS, Large sites

Kiwi Recovery Programme

Kiwi Recovery Programme

Website: kiwirecovery.org.nz (site has since been redesigned)
Client: Department of Conservation, Bank of New Zealand (sponsors), and Forest & Bird
Dates: January 1998 - October 1999
Government status: Government Department
My professional status: contractor at CWA New Media and then independent web designer/developer

This was a join initiative between DoC, the Bank of New Zealand (who sponsor the programme) and Forest & Bird. I built and maintained this multi-award-winning framed website, with considerable design freedom in deeper levels of the site. Later I suggested areas within the site that could be developed, all of which I then researched, wrote, designed and built. Find out more about the Kiwi Recovery Programme project

Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, jQuery/JavaScript, Old-school table layout, No CMS, Government websites, Large sites

The Gathering

The Gathering

Website: no longer online
Client: The Gathering
Dates: September 1997 - September 2000
My professional status: independent web designer/developer

The Gathering was New Zealand's largest and most well-respected annual dance party. I created, designed, wrote, built and maintained the 900-page multi-award-winning website, giving Gatherers as much information as possible about every aspect of The Gathering, as well as archiving previous parties. Find out more about the The Gathering project

Categories: Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, Old-school table layout, No CMS, E-commerce, Large sites

Healthy Lifestyles

Healthy Lifestyles

Website: no longer online
Client: Wellington College of Education and the Cancer Society
Dates: August 1997 - September 1999
Government status: Crown-Owned Tertiary Education Institution
My professional status: contractor at CWA New Media

This Cancer Society-sponsored award-winning website promoted healthy lifestyles for kids. I worked closely with the content creator to design, illustrate, develop and build a series of online school projects within the site. Find out more about the Healthy Lifestyles project

Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, Old-school table layout, No CMS, Government websites, Large sites

Hillary Commission

Hillary Commission

Website: no longer online
Client: The Hillary Commission
Dates: April 1997 and March - October 1999
Government status: was part of the Ministry for Culture and Heritage
My professional status: contractor at CWA New Media

I designed and built the Kids Go 4 It and Push Play sections, and maintained and developed the main multi-award-winning site. In 1999 the Hillary Commission wanted a compete overhaul of the site, which I carried out - including design and architecture, budgeting and timelining. Find out more about the Hillary Commission project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, Webmaster, Old-school table layout, No CMS, Government websites, Large sites

InterLink

InterLink

Website: no longer online
Client: The British Council
Dates: September 1996 - July 1997
My professional status: contractor at CWA New Media

I developed, designed, built and constantly updated this multi-award-winning website for a ground-breaking project linking 12 pairs of schools in New Zealand and the UK, who worked for 6 months on a range of 70 projects using the internet for trans-global communication - and I also managed the InterLink project itself. Find out more about the InterLink project

Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Old-school table layout, No CMS, Large sites