HTML5

These sites are listed in reverse chronological order, with the most recent at the top.

Case studies in this category

Bee Dawson

Bee Dawson

Website: beedawson.co.nz
Client: Bee Dawson
Dates: February - April 2018, with ongoing webmaster support after delivery
My professional status: independent web designer/developer

Bee Dawson is a New Zealand author, columnist, public speaker, and a social and oral historian. She writes books and articles about a wide range of New Zealand subjects, from Lady Painters to the history of High Country sheep stations, as well as all things historical and NZRAF-related.

She has a small themed WordPress website built for her a few years ago, which had become a bit messy. It needed a tidy-up and for some of the pages to be redesigned and rebuilt so that they looked nicer and were more user-friendly.

Bee also needed help recovering some missing website emails and accessing the control panel of the website's hosting company. Access info had been lost when Bee's previous webmaster moved on to other projects. Find out more about the Bee Dawson project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Content-loader, Webmaster, CSS-based layout, CSS3, HTML5, WordPress, Small sites

Bloomsbury Associates

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. This was something I'd been wanting to do for quite a while, and something we had already discussed.

The website provides general information about Bloomsbury's services, together with case studies and testimonials from existing clients, a quarterly newsletter and an initial consultation request form. All the content was new, written especially for the website by Amanda Woodbridge and Kirsty Fyfe from 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, HTML5, CSS3, jQuery and JavaScript, 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 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

TradeMe

TradeMe

Website: preview.trademe.co.nz
Client: TradeMe
Dates: October 2017 - March 2018
My professional status: contractor at TradeMe

TradeMe has spent the last couple of years working on a new responsive website to replace their current arrangement of separate mobile and desktop sites, with the design teams working on a redesign of the look and feel of the website at the same time.

The new site is available to the public as a Preview and the TradeMe team actively solicits feedback from their users, so that they can make improvements to the new site on an ongoing basis. The new site is built in AngularJS by the back-end dev team, with the front-end devs working on templated elements within pages that contain a combination of Angular and HTML5.

TradeMe wanted some help getting their latest set of updates to a point where they could be added to the live Preview site, and took on myself and two other contractors for six months to help them get there.

I was responsible for HTML5 and CSS3 coding, as well as peer reviews, accessibility compliance, browser and device testing, and bug-fixing. I began as a member of the Tangram Squad, responsible for building individual elements that could be re-used on multiple pages within the site. After two months I switched to the Design Vision team, where we worked on whole example pages, tweaking and improving on the design and functionality of individual elements in situ. Find out more about the TradeMe project

Categories: Showcase sites, Front-end developer, Govt web standards tester, Responsive web design/dev, CSS-based layout, CSS3, HTML5, e-govt/WCAG compliance, Other CMS, E-commerce, Large sites

Wild Workouts

Wild Workouts

Website: wildworkouts.co.nz
Client: Karen at Wild Workouts
Dates: October 2017 - January 2018, with ongoing webmaster support after delivery
My professional status: independent web designer/developer

Wild Workouts is an outdoor health and fitness company run by Duck Patten and Karen van Rensburg. They take fitness outside and make it fun. They have been providing training in Wellington’s wild weather since the start of 2010, and are located out and around Wellington as a mobile training outfit. They run fitness classes all over the city, where the emphasis is on getting into the great outdoors and getting fit together. There's no membership fee, and participants simply pay for the group or session they sign up to.

They had an existing responsive themed WordPress website built for them a few years ago, which had become a bit messy. Their contact at the original web design agency had left the company, and they were no longer able to update their website. It needed a tidy-up and for some of the pages to be redesigned and rebuilt so that they looked nicer and were more user-friendly. They also needed some out-of-date content to be updated and changed.

They asked me if I'd be willing to maintain and develop their website - migrating the site to my web host and then taking over webmastery of the site. Initially Karen requested a number of improvements and alterations to the site, and since then we have continued to work together on whatever updates and additions are required. Find out more about the Wild Workouts project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, Small sites

NZ Association of Economists

NZ Association of Economists

Website: nzae.org.nz
Client: Anthony Byett at NZAE
Dates: September 2017 - January 2018, with ongoing webmaster support after delivery
My professional status: independent web designer/developer

The New Zealand Association of Economists was founded in 1959 and promotes collaboration and discussion among professional economists in New Zealand. The organisation encourages and publishes research and disseminates information on research projects. It promotes the profession of economics in New Zealand and fosters interest in and understanding of New Zealand economic problems.

They had an existing responsive themed WordPress website built for them by Katipo a few years ago, which had become a bit messy. It needed a tidy-up and for some of the pages to be redesigned and rebuilt so that they looked nicer and were more user-friendly. There was also some missing content which needed locating and restoring, and some new plugins and widgets to be added.

They asked me if I'd be willing to work with their editor to maintain and develop their website - migrating the site to my web host and then taking over webmastery of the site from Katipo, who had other commitments and could no longer dedicate sufficient time to the project. Initially Anthony requested a number of improvements and alterations to the site, and since then we have continued to work together on whatever updates and additions are required. Find out more about the NZ Association of Economists project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, Large sites

Marlborough Vintners

Marlborough Vintners

Website: mvh.co.nz
Client: Acumen Republic
Dates: April - July 2017, with ongoing webmaster support after delivery
My professional status: contractor at Acumen Republic

The Marlborough Vintners Hotel (MVH) is a Heritage Collection luxury boutique hotel located amongst the vineyards near Blenheim in the heart of Marlborough wine country. The hotel consists of 16 one-bedroom suites overlooking vineyards and gardens, together with the on-site Vintners Room Restaurant. Marlborough Vintners Hotel hosts conferences and weddings as well as providing luxury guest accommodation. Their brand management company is Wellington-based firm Acumen Republic.

Acumen asked me to build a responsive WordPress website for MVH, based on an existing WordPress theme in order to save time and keep the costs down. Acumen selected the theme based on MVH's requirements, and I built, content-loaded and tested the website, optimised the photographic imagery supplied by MVH, changed various aspects of the design, and organised webhosting. I also provided Acumen and, later, MVH staff with WordPress training and ongoing webmaster support and website updates. Find out more about the Marlborough Vintners project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Writing for the web, Content-loader, Webmaster, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, Small sites

TEAM Asparona

TEAM Asparona

Website: teamasparona.com
Client: James Fowler
Dates: January - April 2017, with ongoing support after delivery
My professional status: independent web designer/developer

TEAM Asparona is a cloud-based Enterprise Information Management (EIM) company. Their main product is an EIM ecosystem called ContentWorX. ContentWorX is purpose-built to enable organisations of all shapes and sizes in all industry sectors deliver better performance in crucial business areas such as cost, risk, customer engagement and employee productivity.

TEAM Asparona's in-house IT staff had begun the build of a new responsive themed WordPress website, and they wanted help to get it finished and launched as quickly as possible. General Manager James Fowler contacted me to see if I could help, and between us we came up with a list of tasks to complete within a fixed-price budget and tight timeline.

I was responsible for reviewing the site, migrating it to my WP hosting platform, tidying up the homepage, populating some pages and reformatting others, adding some new sections to the site - and generally preparing it for launch. After the successful launch I sorted out an SSL Certificate for the site so that we could transfer to an https URL. On a day-to-day level James now manages the site, but I'm always available to help with anything tricky, as required. Find out more about the TEAM Asparona project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Writing for the web, Content-loader, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, Small sites

Vision Wallcoverings

Vision Wallcoverings

Website: visionwall.com.au
Client: Vision Wallcoverings
Dates: December 2016 onwards
My professional status: independent web designer/developer

Having become the webmaster for New Zealand wallpaper company Aspiring Walls nine months earlier, in December 2016 I was invited to look after the website of their sister company in Australia, on which the Aspiring Walls website is based. Vision Wallcoverings has been supplying wallpaper products to the Australian market for over 40 years. They have one of Australia’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.

The Australian dev company that originally built both sites would remain responsible for any dev work that needed doing, while I would take over as webmaster, responsible for the day-to-day care of the website including all of the e-commerce product updates. Being responsible for updates across both sites meant that I could re-use elements such as product images, saving both companies time and money. Find out more about the Vision Wallcoverings project

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

The Play Press

The Play Press

Website: playpress.co.nz
Client: Jean Betts
Dates: August 2016 onwards
My professional status: independent web designer/developer

The Play Press is a small independent New Zealand publisher of plays, and specialises in publishing and promoting new New Zealand plays in New Zealand and overseas; to preserve a range of quality scripts and to make texts more accessible for rehearsal and study; and to help generate productions.

The Play Press grew out of *The Women's Play Press collective, launched in 1994 by Lorae Parry, Viv Plumb, Fiona Samuel, Cathy Downes and Jean Betts. WPP was formed initially to publish their plays performed in 1993 in a festival celebrating the centenary of women's suffrage in NZ. Since then, several of these plays have had excellent sales, productions nationally and overseas, and inclusion in school and university curricula. However in 2001, at a time when no one else was publishing any plays, and feeling that there were still too many good scripts (by both men and women) languishing unpublished that needed to be made available, Jean Betts established The Play Press as well.

The Play Press website was built in Joomla! a few years ago and managed by a developer who was no longer able to continue as webmaster due to other commitments. I was asked to take over as webmaster, and to look after the site - updating website content, tweaking the website styling and doing CMS version updates as required. Find out more about the The Play Press project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Content-loader, Webmaster, CSS-based layout, CSS3, HTML5, Joomla!, Small sites

Transpower GOL

Transpower GOL

Website: web-based application accessible to Transpower staff only
Client: Transpower
Dates: June 2016 - March 2017
Government status: State-Owned Enterprise
My professional status: contractor at Transpower

Transpower’s Grid Operators who manage the National Grid were using an old application that had been co-opted from another team and wasn’t entirely fit for purpose in its new environment. They wanted a new application custom-made for the Grid Operators – based on the original application but reinvented to match exactly what they needed. They felt it would be useful to have a UX designer on the team, to help them figure out how to turn their requirements into reality. Several processes had to be integrated with other Transpower applications, sharing and updating information/data between apps, which added another layer of complexity to the project.

I was responsible for information architecture, UX consultation and design, wireframes and schematics (keeping these updated on an ongoing basis), responsive application design, front-end development of the application screens, HTML5, CSS3, close collaboration and consultation with the developer, working on the integrated application within Visual Studio once the developer had built the app, post-integration testing and QA. I also helped the BA to maintain and update the requirements.

The project was carried out within an Agile work environment. The process was highly consultative, with expert opinions being sought daily from our two SMEs (Grid Operators from Auckland and Christchurch) and also from the rest of the team, particularly our BA, our chief tester, our developer, and our system integration and security specialist. Find out more about the Transpower GOL project

Categories: IA & UX, Website designer, Front-end developer, Responsive web design/dev, CSS-based layout, CSS3, HTML5, ASP or ASP.NET, Government websites, Small sites

Major Consulting

Major Consulting

Website: majorconsulting.co.nz
Client: Shelley Major
Dates: April - December 2016, with ongoing support after delivery
My professional status: independent web designer/developer

Major Consulting Group (MCG) is a Wellington-based health and safety consultancy working with clients across New Zealand and in Australia in a variety of sectors, making a difference to health, safety and organisational performance. They provide a range of assurance and safety culture audits as well as practical assistance, tailoring enduring health and safety business processes for their clients. I was recommended for this project by my good friend Kim Payton, who has recently started work at Major Consulting and could see that their website was in dire need of an update.

They asked me to quote for a responsive WordPress website, based on an existing WordPress theme in order to save time and keep the costs down. Shelley and I selected the theme together, based on their requirements, and I built, content-loaded and tested the website, selected all the photographic imagery from iStock, changed various aspects of the design, and organised webhosting. I also provided MCG staff with WordPress training and ongoing support. Find out more about the Major Consulting project

Categories: 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, WordPress, Small sites

Education New Zealand

Education New Zealand

Website: enz.govt.nz
Client: Education New Zealand
Dates: April - June 2016
Government status: Crown Entity
My professional status: contractor at Touchcast

Education New Zealand wanted their existing website to be migrated to the SilverStripe CMS, together with a design refresh at the same time.

Touchcast were invited to design and develop the new responsive website, and I was asked to join the team for a few weeks to carry out the front-end development for the site, working alongside the SilverStripe developer.

I was responsible for building the HTML and CSS for the new designs, using SASS (SCSS) as my pre-processor and Bootstrap as my framework. I was also responsible for preparing the page elements as re-usable twigs which we set up to auto-create the HTML templates, ready for the developer to integrate into SilverStripe. Find out more about the Education New Zealand project

Categories: Front-end developer, Responsive web design/dev, CSS-based layout, CSS3, HTML5, e-govt/WCAG compliance, SilverStripe, Government websites, Medium sites

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

OFLC (2016)

OFLC (2016)

Website: classificationoffice.govt.nz
Client: Office of Film & Literature Classification
Dates: September 2015 - April 2016, with ongoing support after delivery
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

Grosvenor KiwiSaver

Grosvenor KiwiSaver

Website: in-house online forms, not available to the public
Client: Grosvenor KiwiSaver
Dates: October - November 2015
My professional status: independent web designer/developer

Grosvenor Investment Management Limited is one of the Government's official KiwiSaver providers, with a dedicated KiwiSaver website to cater for their 94,000 members. They wanted to prototype a complete online joining/transfer process, which would initially be used by their KiwiSaver advisers, and which could be rolled out to all users on the website at a later date.

They asked me if I could help them to wireframe and design the various pages and screens that would be required (responsive design), and then to build these ready for integration by their in-house developers. I ended up working alongside the developer as we restyled his .asp forms together. Find out more about the Grosvenor KiwiSaver project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Responsive web design/dev, CSS-based layout, CSS3, HTML5, ASP or ASP.NET, E-commerce, Small sites

Beer Belly Jellies

Beer Belly Jellies

Website: beerbellyjellies.co.nz
Client: Lindy MacLennan
Dates: September - October 2015, with ongoing support after delivery
My professional status: independent web designer/developer

Beer Belly Jellies is a small business creating craft beer jellies, handmade with New Zealand craft beer. They had a responsive themed WordPress website built for them a couple of years ago, which had become a bit messy. It needed a tidy-up and for some of the pages to be redesigned and rebuilt so that they looked nicer and were more user-friendly.

They asked me if I'd be willing to help by identifying some "quick wins" that would improve the look and functionality of the site within a limited number of hours of work. I was responsible for improving the design, layout and formatting of the website. Find out more about the Beer Belly Jellies project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, Website designer, Front-end developer, Writing for the web, Content-loader, Responsive web design/dev, CSS-based layout, CSS3, HTML5, WordPress, E-commerce, Small sites

BookerMartin Comms

BookerMartin Comms

Website: bookermartin.co.nz
Client: Frances Martin and Mike Booker
Dates: August - November 2015
My professional status: independent web designer/developer

I met Frances Martin through the webmaster work I do for the Zero Harm website. Frances and her business partner Mike Booker needed a website for their communications company, BookerMartin Communications. They do communications work for both business and government, and wanted a very simple, minimal, responsive website that they could update themselves.

They asked me to quote for a single-page website, based on an existing WordPress theme in order to save time and keep the costs down. Mike and I selected the theme together, based on their requirements, and I built and tested the website, improved various aspects of the design and organised webhosting. Find out more about the BookerMartin Comms project

Categories: 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, WordPress, Small 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

Zero Harm

Zero Harm

Website: zeroharm.org.nz
Client: Business Leaders’ Health & Safety Forum
Dates: February 2015 onwards
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

OFLC - info for students

Website: censor.org.nz
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

BNZ Community

BNZ Community

Website: community.bnz.co.nz
Client: Bank of New Zealand
Dates: September - December 2014
My professional status: contractor at the Bank of New Zealand

The Bank of New Zealand was nearing completion with their Community web project - an interactive community/forum for BNZ customers, hosted within the main BNZ website. They needed someone to finish it off, tidy it up, and get it over the line.

I was originally asked to join the in-house web team for four weeks to carry out the front-end development, and my contract was eventually extended to 12 weeks so that I could continue to tidy and improve the site after it went online. I was responsible for the HTML5 and CSS3 (SASS) coding, as well as browser and device testing. The project was managed using informal Agile methodology and the website was set within the Lithium CMS framework. Find out more about the BNZ Community project

Categories: Front-end developer, Writing for the web, Responsive web design/dev, CSS-based layout, CSS3, HTML5, Lithium, Medium sites

OFLC homepage (2014)

OFLC homepage (2014)

Website: classificationoffice.govt.nz
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

Integrated Foods intranet

Website: intranet (not accessible to the public)
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

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

Hearts n Roses

Hearts n Roses

Website: heartsnroses.co.nz
Client: Deborah Harris
Dates: November 2013 - April 2015
My professional status: independent web designer/developer

My friend Deborah Harris makes and sells handmade heart pendants and felt the time was right to branch out and put her artwork online. The website needed to be a fully-functioning e-commerce site where she could display and sell the individual heart pendants. She also wanted a weddings section where she could showcase her custom-made bespoke hearts that are made to order to match the flowers and colours chosen by the wedding and bridal party.

I was responsible for client liaison, project management, hosting and Domain name management, scoping, information architecture, site schematics, selection and re-styling of the WordPress e-commerce theme, HTML5, CSS3, LESS, some PHP wrangling, building the skeleton site, testing, CMS training, QA and ongoing support, some content production management, writing and editing, creating product and portfolio graphics. Find out more about the Hearts n Roses project

Categories: 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, WordPress, E-commerce, Small sites

PSA intranet

PSA intranet

Website: intranet (not accessible to the public)
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

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

EWRB

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

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

Co-operative Bank

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

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

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