CSS3

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

Case studies in this category

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

Transpower GOL

Transpower GOL

Website: web-based application accessible to Transpower staff only
Client: Transpower
Dates: June 2016 - March 2017
My professional status: independent web designer/developer

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

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

Aquavilla

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

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

Pacific Island Affairs

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

Te Rito Wellington

Website: teritowellington.org.nz (site has since been redesigned)
Client: Te Rito Wellington Family Violence Network
Dates: May - August 2012
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 Artificial Limb Service

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 after delivery
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

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

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