jQuery/JavaScript
I've used JavaScript in many websites over the years to create dynamic visual effects and interactivity. I've tried a range of JavaScript libraries including jQuery, script.aculo.us and MooTools - and came to the conclusion early on that jQuery was the one to focus on, due to its ease of use and extremely close integration with CSS.
These sites are listed in reverse chronological order, with the most recent at the top.
Case studies in this category
MacDiarmid Institute
Website: macdiarmid.ac.nz
Client: The MacDiarmid Institute
Dates: January - March 2017 and August 2018 - July 2019 with ongoing support after launch
Government status: Centre of Research Excellence (CoRE)
My professional status: independent web designer/developer
The MacDiarmid Institute for Advanced Materials and Nanotechnology is one of New Zealand's oldest Centres of Research Excellence (CoREs). It brings together almost 100 research investigators along with graduate and PhD students from seven institutions across Aotearoa. Their research focus is materials science and new technology, especially the unexplored territory where chemistry, physics, biology and engineering meet.
Their existing website was old, messy, out-of-date and hard to maintain. The navigation architecture wasn't well organised and it had become difficult for visitors to find the information they were looking for. It was time for a new website with a new logical architecture and a much stronger focus on the institute's researchers, with the majority of the pages being re-written prior to launch. We also wanted to migrate and incorporate news articles and magazine items from the old site, as much of this content was valuable as an ongoing archive of the Institution's research projects and progress.
I was responsible for the initial proposal and quote, client liaison, project management, information architecture and UX design, responsive design development and front-end development, browser and device testing, content-loading, post-integration testing, QA, proof-reading, web editor training and ongoing support. I loaded all 800 pages of new content with the help of my developer, and reformatted over 500 news articles migrated from the old site.
Find out more about the MacDiarmid Institute project
Categories: Showcase sites, Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Government websites, Large sites
Bloomsbury Associates
Website: bloomsbury.co.nz
Client: Bloomsbury Associates
Dates: February - July 2018, with ongoing webmaster support after delivery
My professional status: independent web designer/developer
Bloomsbury Associates is an independent financial advisory practice established to provide investment services to clients in New Zealand. In 2010 I designed and built their first website, and have been taking care of it ever since. An office relocation in 2018 combined with a redesign of their logo and branding was the perfect opportunity to create a new, responsive website for them.
All the content was new, written especially for the website by Matai Partners. I liaised with them and together we worked on creating the perfect marriage of website design and content for the new site, taking inspiration from the new logo, typeface and branding colours from Scratch Design.
I was responsible for the initial quote, client liaison, project management, scoping, information architecture, responsive design and front-end development, building the completed website, content-loading, editing, testing, proof-reading, QA and ongoing support. There's no CMS - we don't need one - instead, I code all the content by hand.
I am the webmaster for the site, providing updates as required and have also redesigned and developed new HTML emails using Campaign Monitor, which are sent out quarterly to the company's clients.
Find out more about the Bloomsbury Associates project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, HTML email, Dreamweaver templates, No CMS, Small sites
OFLC (2016)
Website: classificationoffice.govt.nz (site has since been redesigned)
Client: Office of Film & Literature Classification
Dates: September 2015 - April 2016, with ongoing support until December 2021
Government status: Government Agency
My professional status: independent web designer/developer
I built a new version of the Information for Students site in 2015 for the Office of Film & Literature Classification, which left their main website looking a little tired and outdated. The next project was therefore to design and build a new responsive version of the main site.
I was responsible for client liaison, project proposal and quote, project management, scoping, information architecture, wireframes and schematics, responsive design and front-end development, HTML5, CSS3, LESS, jQuery, e-govt accessibility compliance, QA, client training and ongoing support, content coding, formatting and loading, some content writing and editing (Dreamweaver templates).
Find out more about the OFLC (2016) 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, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Medium sites
Zero Harm
Website: zeroharm.org.nz (site has since been redesigned)
Client: Business Leaders’ Health & Safety Forum
Dates: February 2015 - November 2020
My professional status: independent web designer/developer
The Business Leaders’ Health and Safety Forum is a coalition of business and government leaders committed to improving the performance of workplace health and safety in New Zealand. Their vision is all business leaders passionately committed to achieving Zero Harm Workplaces. They needed a new webmaster to take care of their website, and approached me after a personal recommendation from one of my other clients.
I am responsible for regularly updating their responsive website, creating and removing pages, content-loading, making graphics, and editing/proofreading content. I am also responsible for doing a full content audit of the website and, to review the website IA with a view to updating and improving it. I will also be doing a similar review of the homepage to see if that can be improved, and re-designing and re-building it if necessary. I'm also responsible for social media consultation, helping the organisation to decide what social media to use and how to use it.
Find out more about the Zero Harm project
Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, SilverStripe, Medium sites
OFLC - info for students
Website: no longer online
Client: Office of Film & Literature Classification
Dates: October 2014 - March 2015 and June-July 2015, with ongoing support after delivery
Government status: Government Agency
My professional status: independent web designer/developer
The OFLC had contracted a young designer to redesign their information for students website which I had originally designed and built for them back in 2010. Following completion of the design, the OFLC team decided that they needed to have a responsive website rather than a static one. I was invited to make the design responsive and then build the new Dreamweaver templates.
I was responsible for client liaison, project proposal and quote, project management, scoping, information architecture, wireframes and schematics, design development, responsive design and development, HTML5, CSS3, LESS, jQuery, e-govt accessibility compliance, QA, client training and ongoing support, content coding, formatting and loading, some content writing and editing (Dreamweaver templates).
Find out more about the OFLC - info for students 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, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Medium sites
OFLC homepage (2014)
Website: classificationoffice.govt.nz (site has since been redesigned)
Client: Office of Film & Literature Classification
Dates: August - September 2014
Government status: Government Agency
My professional status: independent web designer/developer
The Office of Film and Literature Classification wanted to improve their website homepage - both in terms of its design and also the content that was displayed there. They wanted a number of new elements on the homepage, including a carousel highlighting their videos and a link to their Facebook posts, as well as rearranging the existing content on the page.
I was responsible for putting together a quote for the work, wireframing the homepage, redesigning and rebuilding it, accessibility and browser testing.
Find out more about the OFLC homepage (2014) project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Govt web standards tester, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Medium sites
Integrated Foods intranet
Website: intranet
Client: Mangatu Blocks Incorporation
Dates: January 2014
My professional status: contractor at inov8
inov8 had been invited by the PSA to build their intranet in Sharepoint. They asked me to do the front-end development of the templates. I was responsible for front-end development (HTML5, CSS3, jQuery), and browser testing. Find out more about the Integrated Foods intranet project
Categories: Front-end developer, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, Sharepoint, Small sites
Govt.nz
Website: govt.nz (site has since been redesigned)
Client: Department of Internal Affairs
Dates: December 2013 - June 2014
Government status: Government Department
My professional status: contractor at DIA
Govt.nz is a ground-breaking project run by the Department of Internal Affairs, that seeks to improve the way that government communicates with citizens online. Govt.nz aims to enable visitors to find the government information they are seeking, quickly and easily. It is based on the UK all-of-government website, gov.uk, and both sites are user-focused, with user testing as their foundation.
I was taken on to replace the original designer/front-end developer halfway through the Beta phase. I was responsible for UX research, UX proposal-writing and UX design, responsive web design, responsive front-end development within an instance of the Government's Common Web Platform (CWP), browser and device testing, government web standards accessibility compliance and testing to the very highest level, post-integration testing and QA, attending regular team meetings and doing regular "show and tell" updates for the major stakeholders within DIA.
The project was run using Agile methods, with daily standups and two-week sprints, the team being managed by experienced scrum masters. This Agile methodology was completely new to DIA. The website was on-line and available to the public throughout the Beta phase, and we welcomed feedback and comments from visitors, all of which we investigated further and acted upon as necessary.
Find out more about the Govt.nz project
Categories: Showcase sites, Client liaison, IA & UX, Website designer, Front-end developer, Govt web standards tester, Writing for the web, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Government websites, Medium sites
PSA intranet
Website: intranet
Client: Public Service Association
Dates: October - November 2013
My professional status: contractor at inov8
inov8 had been invited by the PSA to build their intranet in Sharepoint. They asked me to do the front-end development of the templates. I was responsible for front-end development (HTML5, CSS3, jQuery), and browser testing. Find out more about the PSA intranet project
Categories: Front-end developer, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, Sharepoint, Small sites
Aquavilla
Website: aquavilla.co.nz (site has since been redesigned)
Client: Jeremy Brown, on behalf of his mum
Dates: August 2013
My professional status: independent web designer/developer
Aquavilla is a boutique accomodation cottage in Plimmerton, north of Wellington. The owners had had some problems with the responsive WordPress theme that their website was built in, and needed someone to tidy it up, restyle it a bit, and make it work properly. They also wanted a new photo gallery and a contact us form. Find out more about the Aquavilla project
Categories: Client liaison, Project manager, Website designer, Front-end developer, Responsive web design/dev, CSS-based layout, CSS3, jQuery/JavaScript, WordPress, Small sites
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
Website: nzaot.com (site has since been redesigned)
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
EWRB
Website: ewrb.govt.nz (site has since been redesigned)
Client: Electrical Workers Registration Board and the Ministry of Business, Innovation and Employment
Dates: July - December 2013
Government status: Government Agency
My professional status: Web consultant with Insight Consultants Ltd
The Electrical Workers Registration Board ensures the competence of electrical and electronic workers. Its work is overseen by the Ministry of Business, Innovation and Employment (MBIE). Their old website was very old and out of date, and Insight Consultants Ltd was invited to design a new site, which was to be built using an instance of the Government's new Common Web Platform (CWP) in SilverStripe as a starting-point.
I was responsible for helping with the initial pitch/quote, wireframing including responsive UX design, and advising the designers how best to design the website within the framework of the CWP. I then developed the design across a range of breakpoints, and built the templates in HTML5 and CSS3 (designing the responsivity in-browser as I built). I was responsible for browser and device testing and was also asked to do a thorough proof-read and QA of the site prior to launch.
Find out more about the EWRB 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, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, e-govt/WCAG compliance, SilverStripe, Government websites, Medium sites
Toyota NZ
Website: toyota.co.nz (site has since been redesigned)
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 NZ project
Categories: Front-end developer, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, Other CMS, Large sites
Co-operative Bank
Website: co-operativebank.co.nz (site has since been redesigned)
Client: Co-operative Bank
Dates: October - December 2012
My professional status: contractor at the Co-operative Bank
The Co-operative Bank was established in 1928 and is the only bank in New Zealand to share its profits with its customers. As a co-operative its main purpose is to create prosperity for its customers, not to create profit for anyone else. The bank has 34 branches throughout the country and around 128,000 customers from all over New Zealand.
The bank's existing website was in need of an update which would tide them over for a few months until they were in a position to carry out a complete overhaul. I was responsible for the HTML, CSS and jQuery and design development for the new design, focusing on the content-driven parts of the website, and partnering with David Harrison from Triptech who was responsible for the online banking pages.
Find out more about the Co-operative Bank project
Categories: Client liaison, Website designer, Front-end developer, Content-loader, Responsive web design/dev, CSS-based layout, CSS3, HTML5, jQuery/JavaScript, ASP or ASP.NET, Medium sites
Radio New Zealand
Website: radionz.co.nz (site has since been redesigned)
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
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
Website: mpia.govt.nz (site has since been redesigned)
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
Te Rito Wellington
Website: teritowellington.org.nz (site has since been redesigned)
Client: Te Rito Wellington Family Violence Network
Dates: May - August 2012, with ongoing support until March 2017
My professional status: independent web designer/developer
Te Rito Wellington Family Violence Network is a diverse group of 25 government and non-government organisations working in family violence prevention and service provision. The website uses an existing WordPress theme, re-designed to match the Network's branding.
I was responsible for designing their logo, writing the initial quote, information architecture, site schematics, ongoing project management and client liaison, selection and re-styling of the WordPress theme, CSS, jQuery, some PHP wrangling, webhosting management, building the skeleton site, testing, CMS training, QA and ongoing support - as well as some content production management, writing and editing.
Find out more about the Te Rito Wellington 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, CSS3, jQuery/JavaScript, WordPress, Small sites
NZ Netherlands Foundation
Website: netherlandsfoundation.org.nz
Client: New Zealand Netherlands Foundation
Dates: March - November 2012, with ongoing support and updates until December 2013
My professional status: independent web designer/developer
The Foundation has a wide-ranging brief to foster pride in the Dutch contribution to New Zealand. Its goals are to promote links between the Netherlands and New Zealand, to encourage the Dutch in New Zealand to keep their heritage alive through cultural and educational exchanges, and to celebrate the contribution the Dutch have made and continue to make to New Zealand's economic and social fabric.
I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, design, XHTML and CSS, testing, accessibility compliance, CMS training, QA (including some writing and editing of content) and ongoing support.
Find out more about the NZ Netherlands Foundation 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, Medium sites
NZ Artificial Limb Service
Website: nzals.govt.nz (site has since been redesigned)
Client: New Zealand Artificial Limb Service
Dates: February - June 2012, with ongoing support until 2016
Government status: Crown Entity
My professional status: independent web designer/developer
The NZALS is a Crown Entity that helps meet the rehabilitation needs of New Zealand amputees and is the national provider of artificial limbs in New Zealand. They had developed the concept of a 'health hub' to act as a first place to come for New Zealand amputees and needed a new website in order to achieve this.
I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, design, XHTML and CSS, testing, accessibility and e-govt compliance (including the production of an e-govt test report), CMS training, QA and ongoing support - as well as content production management and some writing and editing.
Find out more about the NZ Artificial Limb Service 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, Medium sites
Sorted
Website: sorted.org.nz (site has since been redesigned)
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
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
Snapper
Website: snapper.co.nz
Client: Snapper
Dates: December 2010 - March 2011
My professional status: independent web designer/developer
Snapper is New Zealand's leading contactless payment system and can be used for a wide range of transactions including shopping, taxis and public transport. Registered Snapper users have online access to their Snapper transaction history and current balance.
The Snapper team wanted to upgrade the functionality of the transaction history page, and asked me to design and build a new version with enhanced functionality and ease of use. I was responsible for client liaison, project management, reviewing and refining the information architecture, design, XHTML and CSS, jQuery, testing, QA and ongoing support.
Find out more about the Snapper project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, CSS-based layout, jQuery/JavaScript, Other CMS, E-commerce, Small sites
Ann Jasper
Website: no longer online
Client: Ann Jasper
Dates: November 2010, with ongoing support after delivery
My professional status: independent web designer/developer
Ann Jasper was a friend of mine, and an artist who produced beautiful paintings for sale. Her husband Shelley is a graphic/website designer with whom I collaborate on WebWeaver Projects from time to time. Shelley had designed a simple and stylish website for Annie, and it was my job to build the site, content-load it, and find an appealing way to display Annie's paintings in interactive galleries within the site.
I was responsible for client liaison, project management, scoping, extending the information architecture, design development, HTML and CSS, jQuery, building the completed website, content-loading, testing, proof-reading, QA and ongoing support.
Find out more about the Ann Jasper project
Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, Webmaster, CSS-based layout, jQuery/JavaScript, No CMS, Small sites
Bloomsbury Associates
Website: bloomsbury.co.nz (site has since been redesigned)
Client: Bloomsbury Associates
Dates: October - December 2010, with ongoing support until 2018
My professional status: independent web designer/developer
Bloomsbury Associates is an independent financial advisory practice established to provide investment services to clients in New Zealand. They wanted a website that would provide general information about their services and their philosophy, together with case studies and testimonials from existing clients.
I was responsible for the initial quote, client liaison, project management, scoping, information architecture, web design, HTML and CSS, jQuery, building the completed website, content-loading, testing, proof-reading, QA and ongoing support. I am the webmaster for the site, providing updates as required and have also designed and developed HTML emails using Campaign Monitor, which are sent out quarterly to the company's clients.
Find out more about the Bloomsbury Associates project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, Webmaster, CSS-based layout, jQuery/JavaScript, HTML email, No CMS, Small sites
Museums Wellington
Website: museumswellington.org.nz (site has since been redesigned)
Client: Museums Wellington
Dates: July - December 2010, with ongoing support after delivery
Government status: funded by Wellington City Council
My professional status: independent web designer/developer
Museums Wellington are responsible for three Wellington museums - the Museum of Wellington City & Sea, the Cable Car Museum and the Colonial Cottage Museum. Each museum had its own website, none of which matched each other or the new Museums Wellington branding. Their aim was to bring all three museums plus Plimmers Ark under the same umbrella website, and to use their new branding as the basis for the overall site design.
I was responsible for the initial quote, client liaison, project management, scoping, information architecture, design development, HTML and CSS, jQuery, accessibility and e-govt compliance, testing, putting together the skeleton site in SilverStripe, CMS training, QA, HTML emails and ongoing support.
Find out more about the Museums Wellington 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, jQuery/JavaScript, e-govt/WCAG compliance, HTML email, SilverStripe, Government websites, Small sites
SPARC HPSD
Website: internal SPARC access only
Client: SPARC (now re-named Sport New Zealand)
Dates: June - October 2010
Government status: Crown Entity
My professional status: contractor at Datacraft
One of SPARC's roles is to support athletes and teams that can win at international level, and the coaches and organisations that are behind them - using their High Performance Sport Database (HPSDB) to administer this.
Datacraft had been asked to redesign and rebuild the HPSD, and I was responsible for doing the information architecture, design and XHTML/CSS for a set of five templates, and then styling, restructuring and bug-fixing a large number of multi-functional screens within the app.
Find out more about the SPARC HPSD project
Categories: Client liaison, IA & UX, Website designer, Front-end developer, Govt web standards tester, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, ASP or ASP.NET, Government websites, Medium sites
Salters Cartage
Website: salters.co.nz (site has since been redesigned)
Client: Salters Cartage
Dates: June - August 2010
My professional status: contractor at Plan A
I was asked by Plan A in Auckland to develop their homepage design into a set of design templates for the new Salters Cartage website, to build these templates and then to put together the finished website, using all-new content which Plan A had written.
I was responsible for the original project proposal and quote, client liaison, project management, scoping, information architecture, design development, HTML and CSS, jQuery, accessibility compliance, building the completed website, content-loading, testing, proof-reading, QA and ongoing support.
Find out more about the Salters Cartage project
Categories: Scoping/pitching/quoting, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, Content-loader, CSS-based layout, jQuery/JavaScript, No CMS, Small sites
Climate Change
Website: climatechange.govt.nz (site has since been redesigned)
Client: Ministry for the Environment
Dates: May - June 2010, with ongoing support after delivery
Government status: Government Ministry
My professional status: independent web designer/developer
The Ministry for the Environment's Climate Change website, originally designed as a portal site, was becoming difficult to navigate, and was lacking styles for pages with more detailed content at multiple levels. With the introduction of the Emissions Trading Scheme (ETS) in June 2010, the Ministry needed to expand the capabilities of the website, while still retaining the existing header and footer and some of the original HTML structure.
I was responsible for the timeline, ongoing project management and client liaison, HTML and CSS, jQuery, e-government and accessibility compliance, testing, site delivery and ongoing support.
Find out more about the Climate Change project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, Front-end developer, Govt web standards tester, CSS-based layout, jQuery/JavaScript, Dreamweaver templates, Government websites, Medium sites
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
Bamford Medical
Website: no longer online
Client: WM Bamford & Co Ltd
Dates: May - July 2009 and March - May 2010 with ongoing support until 2015
My professional status: independent web designer/developer
Following the successful launch of the Bamford website, we were asked to create a companion website, Bamford Medical, which would allow the company to sell a selection of their medical products online. The templates and CMS backend of the new site were based on the original Bamford site, with a completely different look and feel so that they were easily distinguishable from one another.
I was responsible for the initial quote, information architecture, ongoing project management and client liaison, web design, HTML and CSS, jQuery, testing, CMS and photoshop training, QA/proof-reading and ongoing support.
Find out more about the Bamford Medical project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, CSS-based layout, jQuery/JavaScript, ExpressionEngine, E-commerce, Medium sites
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
Holmes Consulting Group
Website: holmesgroup.com (site has since been redesigned)
Client: Holmes Consulting Group
Dates: September 2009 - April 2010, with ongoing support until December 2013
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 proof-reading, and ongoing support.
Find out more about the Holmes Consulting Group project
Categories: Showcase sites, 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, Medium sites
CreditSights Marketing
Website: creditsights.com (site has since been redesigned)
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
The Beck's List
Website: Facebook app, no longer online
Client: Lion Nathan
Dates: December 2009 - January 2010
My professional status: contractor at Shift
The Beck's List was a Facebook app linked to a 60-day viral campaign. Fans could request free gig tickets sent out as POCKETvoucher text messages, browse gig photos, tag their friends and vote for the best photos and gigs. The app also included a Twitter feed, an iPhone app and a website.
I was responsible for some design consultation at the start of the project, building the templates, some creation of new graphics near the end of the project, plus a small amount of jQuery. I worked closely with the programmer, Tom St George, as the app went through a series of iterations during integration which required many changes to the XHTML and the CSS.
Find out more about the The Beck's List project
Categories: Website designer, Front-end developer, CSS-based layout, jQuery/JavaScript, Facebook, Small sites
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
OFLC - info for students (2010)
Website: censor.org.nz (site has since been redesigned)
Client: Office of Film & Literature Classification
Dates: August 2009 - January 2010, with ongoing support after delivery
Government status: Government Agency
My professional status: independent web designer/developer
The OFLC wanted a new website aimed at students doing projects on censorship in New Zealand. The website needed to be accessible, e-govt compliant, and the design had to appeal to young people.
I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, web design, HTML and CSS, jQuery, e-govt accessibility compliance, testing, building the skeleton site using Dreamweaver templates, training, QA and proof-reading, and ongoing support.
Find out more about the OFLC - info for students (2010) 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, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Medium sites
EPA
Website: epa.govt.nz (site has since been redesigned)
Client: Ministry for the Environment
Dates: July - September 2009, with ongoing support after delivery
Government status: Government Ministry
My professional status: independent web designer/developer
Following our successful redesign of the Ministry for the Environment website, we were asked to design and build a website for the new Environmental Protection Authority. The HTML would be based on the MfE Dreamweaver templates within a completely different design, and we were also asked to build and content-code the initial 77-page website. The HTML/CSS needed to be best-practice e-government compliant and the site was to be 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.
Find out more about the EPA project
Categories: Showcase sites, Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Front-end developer, Govt web standards tester, Content-loader, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, Dreamweaver templates, Government websites, Medium sites
Optimation
Website: optimation.co.nz (site has since been redesigned)
Client: Optimation
Dates: May - November 2009, with ongoing support after delivery
My professional status: independent web designer/developer
Optimation's existing website was looking old and tired, and no longer represented the company as well as it could. In contrast to the old 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 and proof-reading, CMS training and ongoing support.
Find out more about the Optimation project
Categories: Showcase sites, Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Front-end developer, Writing for the web, CSS-based layout, jQuery/JavaScript, SilverStripe, Medium sites
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
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
Telecom Global Roaming
Website: telecomroaming.co.nz (site has since been redesigned)
Client: Telecom
Dates: April 2009
My professional status: contractor at Shift
The Telecom Global Roaming website allowed users on the new XT Mobile Network to find out if their phone could roam, which countries were covered, and how much it would cost. The application had to work with a whole lot of different variables - but the user interface was designed to be simple and intuitive to use, while being capable of displaying a wide variety of content types in response to selections made by the user. I was responsible for building the templates in HTML/CSS and jQuery and preparing them for integration into the CMS. Find out more about the Telecom Global Roaming project
Categories: Front-end developer, CSS-based layout, jQuery/JavaScript, Other CMS, Small sites
MedSys
Website: internal MCNZ access only
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
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
WM Bamford & Co Ltd
Website: bamford.co.nz (site has since been redesigned)
Client: WM Bamford & Co Ltd
Dates: November - December 2008 with ongoing additions until 2015
My professional status: independent web designer/developer
WM Bamford & Co Ltd is one of New Zealand's leading independent medical supply companies, and needed a new website which would reflect and complement their new print brochure - and which would allow potential customers access to their substantial product listings as well as providing information about Bamford's supply agencies and partners.
I designed and built the site and also worked on project management, information architecture and site schematics, as well as creating dynamic functionality via jQuery and facilitating CMS integration.
Find out more about the WM Bamford & Co Ltd 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, ExpressionEngine, Medium sites
HPT forms
Website: historicplaces.org.nz (site 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 needed a set of 7 membership, subscription, and donation forms for their corporate website. The IA and design originally called for a large master form containing all the elements for the individual forms, controlled by a JavaScript file.
It was my responsibility to build the master form in XHTML and CSS. However, as the JavaScript became more and more complex I decided to split it into the 7 separate forms in order to achieve the functionality required, and I rewrote the JavaScript file to accommodate the new requirements. The programming and integration of the forms was carried out by Datacom using the Sitecore CMS.
Find out more about the HPT forms project
Categories: Showcase sites, Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, jQuery/JavaScript, e-govt/WCAG compliance, Sitecore, Government websites, Small sites
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
Clean Edge
Website: not online
Client: Clean Edge
Dates: December 2007
My professional status: employee at Shift
Clean Edge was planned as a new online business, showcasing the work of New Zealand artists and allowing visitors to buy their paintings online. My job was to build a set of 23 templates which were then incorporated into the ExpressionEngine CMS by Tom St George, my colleague at Shift. The site design was very graphic-rich and incorporated a number of dynamic visual effects which I created using the script.aculo.us JavaScript library, which I taught myself to use. Find out more about the Clean Edge project
Categories: Front-end developer, CSS-based layout, jQuery/JavaScript, ExpressionEngine, E-commerce, Medium sites
Scots College Image Gallery
Website: no longer online
Client: Scots College
Dates: April - May 2004
My professional status: contractor at Oryx Technologies
Scots College needed a number of Image Galleries which would showcase the school and be appreciated by the pupils featured. This would be part of the existing website and follow the established look and feel of the site. I designed and built four Image Galleries and the section homepage. Find out more about the Scots College Image Gallery project
Categories: Website designer, Front-end developer, jQuery/JavaScript, Old-school table layout, Small sites
Chef Search
Website: no longer online
Client: Ninox Films
Dates: October 2003
My professional status: employee at Origin Design
The recipient of the prestigious Gordon Ramsay Scholarship was chosen by means of a culinary competition. This website was designed both as a means of publicising the scholarship itself, and also as a place where contestants could enter the competition. I advised the designer on web design strategies and built and content-loaded the website. Find out more about the Chef Search project
Categories: Website designer, Front-end developer, Writing for the web, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Nature's Energy
Website: no longer online
Client: Mainland Milk
Dates: August 2003
My professional status: employee at Origin Design
The "Nature's Energy - It's Totally Cool" summer promotion included a website integral to the campaign. The site provided key information about how to enter the promotion, and allowed kids to win spot prizes by playing the interactive Flash game which was the main focus of the site. I built a series of templates for the website, into which the Flash game was integrated. Find out more about the Nature's Energy project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), Small sites
Transpower
Website: transpower.co.nz (site has since been redesigned)
Client: Transpower
Dates: March - August 2003
Government status: State-Owned Enterprise
My professional status: employee at Origin Design
Transpower wanted a complete redesign of their existing site, which communicated a high level of technically complex and specialist information. I built a series of HTML templates for the new database-driven site, and created a Flash animation for the homepage. Find out more about the Transpower project
Categories: Website designer, Front-end developer, jQuery/JavaScript, Old-school table layout, Flash, Database-driven (pre-CMS)
Thonet
Website: thonet.co.nz (site has since been redesigned)
Client: Thonet
Dates: March - May 2003
My professional status: employee at Origin Design
This redesign of an existing site required a logical, straightforward way to arrange a large number of catalogue-type gallery pages. The site detailed many different items of furniture, and was managed via Origin's Grand Central CMS. I developed and built the homepage Flash animation and the HTML templates. Find out more about the Thonet project
Categories: Front-end developer, jQuery/JavaScript, Old-school table layout, Flash, Grand Central, Medium sites
The Carpenter Project
Website: no longer online
Client: The Carpenter Project
Dates: February - March 2003
My professional status: employee at Origin Design
The Carpenter Project was raising funds to build the new church of St Josephs in Mt Victoria, Wellington. An integral part was the use of the website as a fundraising tool. The design of the site reflected the elegance, beauty and simplicity of the design for the church itself. I advised the designer on the best way to approach the design and then built the website. Find out more about the The Carpenter Project project
Categories: Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Meadow Fresh
Website: meadowfresh.co.nz (site has since been redesigned)
Client: Mainland Milk
Dates: January - November 2003
My professional status: employee at Origin Design
The Meadow Fresh website included a database-driven PHP products section and an interchangeable set of Flash animations. It featured animated characters and was aimed at families and kids. The homepage was also used to promote sub-sites such as Rainy Day. I built, developed and maintained the website and Flash elements. Find out more about the Meadow Fresh project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Flash, Database-driven (pre-CMS), Medium sites
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
Eichardt's Private Hotel
Website: eichardts.co.nz (site has since been redesigned)
Client: Eichardt's
Dates: March - May 2002
My professional status: employee at Origin Design
Eichardt's is an exclusive private hotel, which uses its website to reach its international market - including enabling visitors to book online. I built the website following a design from Origin. We took our time with this site, as we wanted to create something as beautiful and elegant as Eichardt's itself, which would showcase the hotel as one of the best in New Zealand. Find out more about the Eichardt's Private Hotel project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Medium sites
M-co Design Standards
Website: intranet
Client: M-co
Dates: December 2001 - February 2002
My professional status: employee at Origin Design
The M-co family of websites includes a number of very different-looking sites, all based on the same structural template. I built this site, which was intended for intranet use, allowing M-co to keep track of all their design standards. It covered the look & feel of every M-co site and enabled webmasters to update any M-co site whilst maintaining design and brand consistency. Find out more about the M-co Design Standards project
Categories: IA & UX, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Medium sites
M-co Business Service
Website: no longer online
Client: M-co
Dates: September 2001
My professional status: employee at Origin Design
As part of their large database-driven website, M-co required an animation that showed their Business Service Diagram in a clear and interesting way. I developed and built the animation. Find out more about the M-co Business Service project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Icebreaker
Website: icebreaker.co.nz (site has since been redesigned)
Client: Icebreaker
Dates: July 2001 - October 2003
My professional status: employee at Origin Design
The Icebreaker website reflected Origin's ground-breaking graphic design for their clothing catalogue and showcased Icebreaker's new collections. I built and maintained the website, adding the latest collection each season. I also built the secure dealer area, which allowed retailers around the world to download Icebreaker ads and brand components. Find out more about the Icebreaker project
Categories: Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Medium sites
King & Small
Website: no longer online
Client: King & Small Consultancy
Dates: May - June 2001
My professional status: employee at Origin Design
Murray King & Francis Small wanted a simple and elegant site to attract new clients. I built the website following a design by Origin, and advised the designer on the best layouts to use. Find out more about the King & Small project
Categories: Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Millie Smith
Website: no longer online
Client: Millie Smith
Dates: February - May 2001
My professional status: employee at Origin Design
Origin designed this range of beautiful "paper art" stationery with Geoff Notman illustrations. The website was an integral part of both the branding and the promotion of the range and includes a short Flash intro. I built the website and completed the Flash. I also developed the graphics into animations and rollovers, showing products to their best advantage. Find out more about the Millie Smith project
Categories: Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Flash, No CMS, Small sites
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
Ministry of Transport (2001)
Website: mot.govt.nz (site has since been redesigned)
Client: Ministry of Transport
Dates: January - April 2001
Government status: Government Ministry
My professional status: contractor at Origin Design
The Ministry of Transport needed an accessible website which would house a large amount of information and which could disseminate that information easily. I built the site following an existing Origin design, and advised the team on the technicalities of designing for the web. I also sourced, integrated and programmed an effective search engine for the site. Find out more about the Ministry of Transport (2001) project
Categories: Website designer, Front-end developer, Govt web standards tester, Content-loader, jQuery/JavaScript, e-govt/WCAG compliance, Old-school table layout, No CMS, Government websites, Medium sites
Origin Design
Website: no longer online
Client: Origin Design
Dates: January 2001 - November 2003
My professional status: contractor and then employee at Origin Design
Origin's website served as a showcase for both their web and print design, and we completely redesigned and rebuilt it once a year to keep it fresh and to try out new ideas. I developed the existing Origin site, and brought an added level of technical expertise and creative input to each new redesign.
I also developed and built an interactive Flash animation for the Environ section of the website, where I followed the designer's storyboard sketches and created some elements (including the spinning house) in 3D animation software before bringing it into Flash.
Find out more about the Origin Design project
Categories: Client liaison, IA & UX, Front-end developer, Writing for the web, Content-loader, Webmaster, jQuery/JavaScript, Old-school table layout, Flash, No CMS, Medium sites
Ground Zero
Website: no longer online
Client: Ground Zero
Dates: November 2000
My professional status: contractor at Mission Hall
Ground Zero was the first web design project for one of Mission Hall's designers. I assisted in the completion of the website. Find out more about the Ground Zero project
Categories: Client liaison, Project manager, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
VUW School of Business
Website: no longer online
Client: Victoria University Wellington
Dates: November 2000
Government status: Government Agency
My professional status: contractor at Mission Hall
VUW wanted a fully integrated database-driven site, where each School would have a individual "look" based upon the same structure, architecture and coding. I built this website following the design created by Mission Hall, and including features introduced for the Graduate School site. Find out more about the VUW School of Business project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), Government websites, Small sites
VUW School of Economics
Website: no longer online
Client: Victoria University Wellington
Dates: November 2000
Government status: Government Agency
My professional status: contractor at Mission Hall
The website was structured in exactly the same way as the one for the School of Business & Public Management (see above), so that the majority of each site could be converted to database-driven pages. Find out more about the VUW School of Economics project
Categories: Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), Government websites, Small sites
VUW Graduate School
Website: vuw.ac.nz/sog (site has since been redesigned)
Client: Victoria University Wellington
Dates: September - October 2000
Government status: Government Agency
My professional status: contractor at Mission Hall
Victoria University had developed their very large website around a Visual Basic web-based publishing solution designed for use by VUW staff. I built a new subsite for the Graduate School, following the design created by Mission Hall. This involved creating highly robust templates for pages which became part of the publishing solution. Find out more about the VUW Graduate School project
Categories: Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Database-driven (pre-CMS), Government websites, Medium sites
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
Monkey Records
Website: monkeyrecords.co.nz (site has since been redesigned)
Client: Monkey Records
Dates: July - October 2000
My professional status: independent web designer/developer
The Monkey Records website was an e-commerce venture, with the record label relying on it to provide a large proportion of their CD sales. I designed and built the site, which includes information on all Monkey's recording artists, and a simple shopping cart where visitors could listen to and buy CDs. Find out more about the Monkey Records project
Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, E-commerce, Small sites
Nathaniel Centre
Website: nathaniel.org.nz (site has since been redesigned)
Client: Caritas NZ
Dates: July - August 2000
My professional status: contractor at Base Two
The Nathaniel Centre wanted a design for a Bioethics website which was calm, informative and reassuring. I extended an existing design prototype (based on print design for the Centre), and built the site. Find out more about the Nathaniel Centre project
Categories: IA & UX, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Wai 100%
Website: wai100.com (site has since been redesigned)
Client: Minaaka
Dates: May 2000 - September 2001
My professional status: contractor at Base Two and then independent web designer/developer
Māori electronica duo Minaaka wanted a fresh and groovy website where they could showcase their music and their artistic vision. I designed and built this promotional site for them. Some of the site was in te reo, the rest was in English; and it included mpg video and mp3 audio files. Find out more about the Wai 100% 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, E-commerce, Medium sites
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
Tracks are for Trains
Website: no longer online
Client: TranzRail
Dates: April - May 2000
My professional status: contractor at Base Two
This website was aimed at children, included games, information and quizzes, and taught them to stay away from the dangers of train tracks. I developed the design from a prototype and built the site. Find out more about the Tracks are for Trains project
Categories: Client liaison, Project manager, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Lungfish
Website: lungfish.co.nz (site has since been redesigned)
Client: Health Sponsorship Council - Smokefree
Dates: February - August 2000
Government status: Government Agency
My professional status: contractor at Base Two
Lungfish is the youth brand of Smokefree New Zealand. We rebranded the Lungfish website, targeting its market directly with a very funky, experimental and fresh image and navigation/architecture design, which I built and project-managed with the Base Two team. Find out more about the Lungfish project
Categories: Project manager, IA & UX, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, Other CMS, Database-driven (pre-CMS), Government websites, Medium sites
Chatham Islands II
Website: no longer online
Client: Chatham Island Millennium Committee
Dates: March - July 1999
My professional status: contractor at CWA New Media
This website provided information about the Chatham Islands' millennium celebrations. The colours reflect the dawn of a new century, exemplified by the sunrise animation on the homepage, which I built using Bryce 3D animation software. I developed the design from a prototype homepage and built the site. Find out more about the Chatham Islands II project
Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
Chatham Islands I
Website: no longer online
Client: Chatham Island Millennium Committee
Dates: March - July 1999
My professional status: contractor at CWA New Media
The site's main aim was to ensure that visitors had pre-booked their accommodation before they visited the Chathams. I developed the design from a prototype and built this award-winning website in a style which represented the clean green environmental nature of the Chathams, as well as reflecting the island's rich Moriori heritage. Find out more about the Chatham Islands I project
Categories: Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Content-loader, jQuery/JavaScript, Old-school table layout, No CMS, Small sites
APEC Classroom Online
Website: no longer online
Client: APEC
Dates: March - June 1999
My professional status: contractor at CWA New Media
APEC New Zealand needed to develop this site, which was aimed at teachers who wanted to examine APEC with their students prior to the 1999 APEC conference. I maintained the site, repaired broken links and also added small sections to complete the project. Find out more about the APEC Classroom Online project
Categories: Project manager, Website designer, Front-end developer, Content-loader, Webmaster, jQuery/JavaScript, Old-school table layout, No CMS, Medium sites
WOMAD
Website: womad.co.nz (site has since been redesigned)
Client: The Edge (for WOMAD)
Dates: January 1998 - February 1999
My professional status: independent web designer/developer
1999 was the second year that a full-scale WOMAD festival was held in New Zealand. They needed an attractive and accessible site that would tell the world about WOMAD Aotearoa. I designed and built this award-winning website, which could be easily added to and updated in the runup to the 1999 event. Find out more about the WOMAD project
Categories: Scoping/pitching/quoting, 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, Medium sites
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