Pure CSS websites
This page lists those sites I've played a part in developing and/or designing using pure CSS, either with HTML or XHTML.
All these sites are built with accessibility at the forefront, and follow New Zealand e-government guidelines. They are all validated using W3C CSS and HTML validation tools, and have all been tested for accessibility. All sites are fully tested across a wide range of browsers on both PC and Mac.
I have grouped these sites under the headings of development and design, and in each group they are listed in reverse chronological order, with the most recent at the top. I have indicated my professional status for each site at the time of its creation.
Click on image to see the live website (only available where my work is still current) or click text for more info on the project.
Development of pure CSS websites
Bamford Medical
Website: Bamford Medical
Client: WM Bamford & Co Ltd
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 are based on the original Bamford site, with a completely different look and feel so that they are 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, training, QA and ongoing support.
WellingtonNZ - Australia landing page
Website: WellingtonNZ Australia
Client: Positively Wellington Tourism
My professional status: contractor at Chrometoaster
A couple of months before undertaking a complete re-skin/rebuild of the site, Chrometoaster were asked to create a single new template for the Australia landing page (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 CMS, as well as ensuring a very high level of e-government and accessibility compliance.
Holmes Consulting Group
Website: Holmes Consulting Group
Client: Holmes Consulting Group
My professional status: independent web designer/developer
The international architecture firm Holmes Consulting Group asked for a completely new photography-centered design, new HTML/CSS templates, and a new CMS, which would be populated with all-new content. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, web design, HTML and CSS, jQuery, testing, putting together the skeleton site in Silverstripe, training, QA and ongoing support.
Save Radio New Zealand
Website: Save Radio New Zealand
Client: Save Radio New Zealand
My professional status: independent web designer/developer
The Save Radio New Zealand website is a companion to the original Facebook group, which reached 20,000 members in a little over a month. It's built using an existing (subtly restyled) WordPress theme. I was responsible for the intial client liaison and project proposal when I first came up with the idea, then project management, scoping, information architecture, selection and restyling of the WordPress theme, content-writing, research, content-loading and ongoing support as the website's webmaster.
The Beck's List
Website: The Beck's List
Client: Lion Nathan
My professional status: contractor at Shift
The Beck's List is a Facebook app linked to a 60-day viral campaign. Fans can 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 includes 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.
Office of Film & Literature Classification - information for students
Website: OFLC - information for students
Client: Office of Film & Literature Classification
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 ongoing support.
Environmental Protection Authority
Website: Environmental Protection Authority
Client: Ministry for the Environment
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.
Read more about the Environmental Protection Authority project
Northern Gateway Toll Road
Website: Northern Gateway Toll Road
Client: New Zealand Transport Agency
My professional status: contractor at Shift
The Northern Gateway Toll Road website provides detailed information about the new Toll Road and how to use it, and allows regular users of the road to open and manage an online account through which they can pay their tolls. It also enables drivers to buy individual or multiple trips online, or pay a toll notice or infringement, as well as keeping visitors up-to-date with road conditions. I was responsible for building the templates in HTML/CSS and preparing them for integration into the CMS, as well as overseeing e-government and accessibility compliance.
Optimation
Website: Optimation
Client: Optimation
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, CMS training and ongoing support.
Master Plumbers, Gasfitters and Drainlayers Inc
Website: Master Plumbers
Client: Master Plumbers, Gasfitters and Drainlayers Inc
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.
Ministry for the Environment
Website: Ministry for the Environment
Client: Ministry for the Environment
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.
Telecom Global Roaming
Website: Telecom Global Roaming
Client: Telecom
My professional status: contractor at Shift
The Telecom Global Roaming website allows users on the new XT Mobile Network to find out if their phone can roam, which countries are covered, and how much it will cost. The application has 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.
Round Peg
Website: Round Peg
Client: Linda Ashton, Director, Round Peg
My professional status: independent web designer/developer
Round Peg is a new recruitment agency concept developed by Linda Ashton that works in-house alongside employers, managing the recruitment process on their behalf. The initial aims of the site were to establish a web presence for the company and to explain exactly what Round Peg can offer to both employers and employees. I built a fully-working site from the original five-page designs, coded up all the content for the site and ensured that Search Engine Optimisation was achieved.
Cavalier Bremworth
Website: Cavalier Bremworth
Client: Cavalier Bremworth
My professional status: contractor at DNA
This website represents the first roll-out of the new Cavalier Bremworth branding by DNA. My responsibility was to build a large set of template pages within a very tight timeframe and budget, and prepare them for integration into a custom-built .net CMS. The new site incorporates a very high level of interactivity for visitors 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.
Tourism Exchange
Website: Tourism Exchange
Client: Tourism Exchange
My professional status: contractor at Origin Design
Tourism Exchange is a new real-time marketplace for selling and distributing tourism products and services, and the site provides information for buyers and sellers. My responsibility was to build 6 templates in HTML/CSS and liaise with the CMS integrator in order that they could be easily integrated into the SilverStripe CMS. We also developed the design in areas where additional functionality was required after the design had been completed.
WM Bamford & Co Ltd
Website: WM Bamford & Co Ltd
Clients: WM Bamford & Co Ltd
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.
Toops
Website: Toops
Client: Foodstuffs (Wellington) Co-operative Society Limited
My professional status: employee at Shift
Foodstuffs (Wellington) brand Toops needed a new website to promote their business-to-business food supply services. I built them a fully-working site from the original six template designs, and coded up all the content for the site.
Historic Places Trust membership forms
Website: HPT membership forms
Client: Historic Places Trust
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.
Read more about the Historic Places Trust membership forms project
Historic Places Trust - Our Properties
Website: HPT - Our Properties
Client: Historic Places Trust
My professional status: employee at Shift
The Historic Places Trust wanted a new website which focuses on their properties around the country that are open to visitors. The site includes detailed information about the Trust's places to visit, venue hire, events, exhibitions and tours, and includes an online store. I built 22 templates for the site in XHTML and pure CSS, and liaised closely with the team at Datacom who integrated the templates into the Sitecore CMS. I also wrote a comprehensive handover document for Datacom to facilitate integration of my templates and provided ongoing support to them during the integration process.
Read more about the Historic Places Trust - Our Properties project
NIWA
Website: NIWA
Client: NIWA
My professional status: employee at Shift
The National Institute of Water & Atmospheric Research wanted a completely new look to their website, which acts as a repository for their very large collection of research documents, photographic images and publications - as well as information about NIWA itself. The design is complex and multi-layered and required a range of dynamic graphical elements. I was responsible for building 28 templates for the site in XHTML and pure CSS, and liaising closely with the integration team at Squiz. I used jQuery to create the dynamic elements and also wrote a comprehensive handover document for Squiz to facilitate integration of my templates into MySource Matrix CMS.
Salvation Army
Website: Salvation Army
Client: Salvation Army
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 need its help or would like to join, and would also provide homepages for all the Army corps around the country. I was responsible for building 39 templates for the site in HTML and pure CSS, and liaising closely with our Expression Engine CMS developer during handover. We re-assessed the site at that point and identified a number of additional templates that were required, which I then designed and built.
NZWood (resources site)
Website: NZWood
Client: NZWood
My professional status: employee at Shift
The NZWood resources site is is the largest in a series of websites for the organisation, and its main focus. It provides wood-related resources, tools, research and case studies for a range of industries that use wood, and could be encouraged to use more - such as architects, interior designers, engineers, builders, surveyors and landscapers - as well as wood product retailers. I was responsible for building 14 templates for the site in HTML and pure CSS, and liaising closely with our Expression Engine CMS developer during handover. We also re-assessed the site at that point and identified additional templates that were required, which I then designed and built.
Weta Digital
Website: Weta Digital
Client: Weta Digital
My professional status: employee at Shift
Weta Digital wanted a new website that would act as a showcase for their film and commercial graphics and animation work, as well as a recruitment tool for potential employees. The success of Lord of the Rings meant that their old site was getting many thousands of hits a week from fans and job-hunters alike, and they urgently needed an updated look, and somewhere to showcase their high-quality Flash showreels. My responsibility was to build a set of HTML/CSS templates, which were integrated into Expression Engine by a colleague at Shift.
Discovery Bay International School
Website: Discovery Bay International School
Client: Discovery Bay International School
My professional status: employee at Shift
Hong Kong-based Discovery Bay International School wanted a new website which would become a central part of school life, showcasing class work and keeping parents and students up-to-date on school news and events. They also wanted the site to inform and encourage parents of potential students to choose Discovery Bay. My job was to build a set of 12 templates and prepare them for integration by a Shift colleague into the Expression Engine CMS.
Read more about the Discovery Bay International School project
Clean Edge
Website: not yet online
Client: Clean Edge
My professional status: employee at Shift
Clean Edge is a new online business which showcases the work of New Zealand artists and allows visitors to purchase their paintings online. My job was to build a set of 23 templates which were then incorporated into the Expression Engine CMS by a colleague at Shift. The site is very graphic-rich and incorporates a number of dynamic visual effects which I created using the script.aculo.us JavaScript library, which I taught myself to use.
New Zealand String Quartet
Website: NZSQ
Client: New Zealand String Quartet
My professional status: employee at Shift
The New Zealand String Quartet wanted a new, easy-to-edit website, in which they could promote themselves and allow fans to find out where they were playing, view photos, read reviews, buy recordings and support or sponsor the quartet. We recommended a WordPress website, with the project split into two phases. My responsibility in phase 1 was to build a set of HTML/CSS templates, which were integrated into WordPress by a colleague at Shift. In phase 2 I added a range of new sections and widgets, and was responsible for designing and integrating the new templates myself, as well as wrangling with the WordPress PHP.
Office of Film & Literature Classification
Website: OFLC
Client: Office of Film & Literature Classification
My professional status: employee at Shift
The Office of Film & Literature Classification needed a new website which they could edit and update themselves. They decided that a templated Dreamweaver site would suit their needs well. The OFLC is a government department, so this information-rich site had to be fully accessible and e-government compliant. My job was to build them a full set of Dreamweaver templates, create a basic site from these and train the OFLC staff how to edit text and add new pages to the site. Later on I provided client support, making larger-scale changes to the live site and working alongside their web editor to show them the best ways to develop their website in the future.
Read more about the Office of Film & Literature Classification project
New Zealand Business Assessment
Website: New Zealand Business Assessment
Clients: Business Capability Partnership/Optimation
My professional status: independent web designer/developer
The Business Capability Partnership wanted a website for their New Zealand Business Assessment initiative, which is designed to enable business owners to assess their business's current capabilities and assist in identifying opportunities to improve business performance. I designed and built 17 template pages for the site, which was developed by Optimation within a .net environment. Once phase 1 of the site went live, Optimation worked with the BCP to develop and extend the site's capabilities, and from time to time I work alongside the Optimation developer to provide CSS for new elements.
NZWood (campaign site)
Website: NZWood
Client: NZWood
My professional status: employee at Shift
The NZWood campaign website is part of a series of sites for the organisation. The campaign site is designed to be highly interactive and includes campaign videos and copies of print ads, as well as online discussions about many aspects of the campaign message. My job was to build 4 modular templates for the site in HTML and pure CSS, and to create a non-Flash version of the main navigation so that users without Flash could still navigate through the site.
SmartMovez
Website: SmartMovez
Client: NZ Transport Agency
My professional status: employee at Shift
The NZ Transport Agency wanted a website that would act as as a one-stop-shop for partners and organisations that work with them. I was responsible for building 13 highly accessible and e-govt compliant templates for the site in HTML and pure CSS, and to liaise closely with the CMS development team at Squiz to ensure that the incorporation of my templates into the CMS was as easy as possible for them.
NZWood (corporate site)
Website: NZWood
Client: NZWood
My professional status: employee at Shift
NZWood wanted a corporate website which would be the first in a series of sites, and deals mainly with information, news, and media releases about NZWood - an industry-wide programme designed to encourage the use of wood in New Zealand. My job was to build 19 templates for the site in HTML and pure CSS, and to liaise closely with our Expression Engine CMS developer to ensure that the incorporation of my templates into the CMS ran smoothly.
New Zealand Educated
Website: New Zealand Educated
Client: Education New Zealand
My professional status: employee at Shift
New Zealand Educated wanted a fun, compelling and informative website that would encourage overseas students to study in New Zealand. I built a set of 36 complex templates for the site in HTML and pure CSS, which were tested across a wide range of browsers and platforms and which achieved a high level of compliance with e-government accessibility guidelines.
NZ Cricket Membership Application
Website: web application
Client: New Zealand Cricket
My professional status: employee at Shift
In 2006 Shift developed an online database application for New Zealand Cricket to collect data online and use it effectively. Phase Two of the project involved expanding the application to include player stats, public access to data, and club websites. My job was to create new HTML pages based on those created in Phase One, interpreting the Phase Two schematics to incorporate the application's new functionalities. I also extended the page design across all the new templates.
Read more about the NZ Cricket Membership Application project
Māori Media Network
Website: Māori Media Network
Client: Māori Media Network
My professional status: independent web designer/developer
The Māori Media Network wanted a new website which would promote their skills and services online. I designed and built the site and also worked on project management, information architecture and site schematics, as well as planning for JavaScript and CMS integration.
KiwiSaver
Website: KiwiSaver
Client: IRD
My professional status: employee at Shift
Shift designed and built the KiwiSaver website in 2006, and the second phase, which was when I joined the project, was to enable online transactions. My job, together with my colleague Ross Howard, was to style a full set of interactive KiwiSaver portlets with IRD styling and to tweak and bug-fix portlets which had already been integrated into the system. The job entailed working alongside the development team, working directly on the servers at IRD. In addition I built two new static HTML pages, and designed and built a third page.
Tourism New Zealand intranet
Website: intranet (not accessible to the public)
Client: Tourism New Zealand
My professional status: employee at Shift
Shift has an ongoing relationship with Tourism New Zealand, which has resulted in four Webby nominations and two Webby awards over the past four years. In addition to the TNZ website, Shift also provides the TNZ team with an intranet, run on the Shado CMS. TNZ wanted a new look and feel for their intranet in four different colourways, while retaining the existing HTML and CMS as far as possible. My job was to re-skin a number of the master templates, by changing the CSS, rebuilding the header and footer HTML, and building an entirely new homepage.
Drilling for Diamonds
Website: Drilling for Diamonds
Client: The Mills Group
My professional status: independent web designer/developer
The Mills Group wanted a website which would both promote their Drilling for Diamonds online coaching products and act as a secure portal through which D4D coaches could train staff. The secure login includes an admin section through which The Mills Group staff can add new clients and coaches, give them access to the online coaching materials, and create collections of personalised coaching materials for specific groups within the coaching scheme. I designed and built the site and also worked on project management, information architecture and site schematics.
Legal Services Agency
Website: Legal Services Agency
Client: Legal Services Agency
My professional status: contractor at Shift
The Legal Services Agency is responsible for helping people access justice, by funding legal aid, initial criminal legal services and community law centres, providing direct representation through the in-house service, the Public Defence Service, and producing law-related education and information. I was responsible for building a set of 17 templates (utilising three colourways for different sections of the site) for the website, which was then handed over to their existing CMS team for integration into a content management system.
Buy Kiwi Made
Website: buykiwimade.govt.nz
Client: Ministry of Economic Development
My professional status: employee at Shift
The Ministry of Economic Development wanted a set of template pages for the new Buy Kiwi Made website, utilising existing HTML pages from the MED website. My job was to assess the existing HTML/CSS in order to provide guidelines for our designer, re-skin the HTML pages by changing the CSS to create the Buy Kiwi Made site, and build a number of new templates using the existing HTML as a starting-point. The templates were then handed back to the MED in-house CMS team for re-integration into their content management system.
New Zealand Police
Website: police.govt.nz
Client: New Zealand Police
My professional status: employee at Shift
The New Zealand Police wanted to re-vamp their website without having to change much of the existing HTML. My job was to re-skin the site, as far as possible altering the CSS only. I also built a new homepage based on the existing HTML and navigation elements in the rest of the site, and advised the designer on which visual elements could be changed using CSS only.
The Gathering Archives
Website: The Gathering Archives
Client: me
My professional status: independent web designer/developer
In October 2006 I began creating, designing, building and writing the Gathering Archives website and accompanying WordPress blog, with the aim of becoming the authoritative source of information on the history and background of iconic New Zealand dance party, The Gathering. The site is divided into different sections for each of the six Gatherings, and includes facts & figures, media coverage, Gathering artwork, photos, video and film footage, Gatherer stories and maps of the venue for each party. The design for each section is based on the official Gathering artwork from that year.
WWF-NZ
Website: wwf.org.nz
Client: WWF-NZ
My professional status: employee at Shift
Shift donated some time to the Worldwide Fund for Nature New Zealand (WWF-NZ) in order that we could build them a better website than they could afford. The site aims to educate New Zealanders in the work that the organisation does, to encourage people to support WWF-NZ, and to take part in some of their conservation intiatives. I built a set of 17 templates for the site in HTML and pure CSS, modified and improved on the original design, and worked closely with our trainee developer to ensure that the templates would be easy to integrate into the Expression Engine CMS.
Shift
Website: Shift
Client: Shift
My professional status: employee at Shift
Shift's new-look website was a long time coming, mainly because Shifties are always working on somebody else's website! I was part of the team that finally got the chance to complete it and get in online. My job was to complete the HTML/CSS build of the 10 templates used in the site, using best practice techniques and ensuring that the site met or exceeded e-government accessibility guidelines.
myVictoria
Website: myVictoria
Client: Victoria University
My professional status: employee at Shift
Victoria University wanted a redesign for their existing portal, used by students and staff. Shift created two different designs, which could be alternated as the University required. My job was to re-skin the portal by changing the stylesheets for the channels and iFrames which made up the elements within the portal. I could not change any of the HTML, as this was generated automatically by the system.
Open Cloud
Website: opencloud.com
Client: Open Cloud
My professional status: employee at Shift
Open Cloud needed an editable website without the expense of a full CMS. The company had commissioned a design for the site, and wanted Shift to build it. I built the site using Dreamweaver templates, so that the client (who had some knowledge of basic HTML and CSS) would be able to edit the site in the future. I partially content-loaded the site and handed it over to the client to finish, providing technical support throughout this process.
National Library of New Zealand
Website: National Library of New Zealand
Client: National Library of New Zealand
My professional status: employee at Shift
The National Library of New Zealand needed a new website to replace their old and outdated one. It was to be fully editable by the National Library's web team, and was to be integrated into a Plone CMS by 3months.com. My role was to build a full set of templates for the site in HTML and pure CSS. The site was a liquid layout with min-and max-width, needed to be absolutely consistent across a wide range of browsers and platforms, and had to achieve a high level of compliance with e-government accessibility guidelines.
Resultex and INOV8
Websites: Resultex and inov8.co.nz
Clients: Resultex and INOV8
My professional status: employee at Shift
The Resultex and INOV8 teams wanted a pair of matching pure CSS websites that they could edit themselves. I built the websites using Dreamweaver's template functionality. Shift fully content-loaded the Resultex site for the client before it went live, and handed over the INOV8 site for the client to complete.
Webweaver's World
Website: Webweaver's World
Client: me
My professional status: independent web designer/developer
A blog about my passions. May include some or all of the following: geek stuff (web design & development, CSS, accessibility, usability), environmental activism, my adopted home of New Zealand, international & green politics, gardening, cats, literature, rugby, and much more.
VOCO
Website: voco.co.nz
Client: VOCO
My professional status: employee at Base Two
VOCO (formerly i-solutions) was re-branding and needed a new website to go with the new name. They contracted two companies to work on the project - a design company (inexperienced in web design) and Base Two (to do the build and incorporation into the CMS). My role was to build the site in HTML and pure CSS and, after it was incorporated into the CMS, to complete last-minute changes and oversee go-live. I also project-managed the final phase and mentored my colleague who was learning HTML/CSS.
Ministry of Transport
Website: transport.govt.nz
Client: Ministry of Transport
My professional status: employee at Base Two
Base Two had carried out a complete redesign of the very large MOT site, and placed it within a CMS. My job, at the end of the project, was to complete the website and prepare it for go-live. This included bug-fixing of the HTML, pure CSS, CMS and JavaScript. It also included extensive browser testing.
NZHistory
Website: nzhistory.net.nz
Client: Ministry of Culture and Heritage
My professional status: contractor at Shift
The existing large information-rich NZHistory website needed a complete resdesign, which was carried out by Shift. My job was to translate the complex design into a pure CSS website, which would then be incorporated into a Content Management System. As part of the Ministry of Culture and Heritage, the site exhibited a high level of accessibility, was built in valid XHTML and CSS, and passed accessibility tests levels 1 and 2 (and 3 where possible). It was supposed to be pixel-perfect in 7 different browsers on Mac and PC. I raised that to 13.
Land Transport New Zealand
Website: no longer online
Client: Land Transport New Zealand
My professional status: contractor at Shift
The LTNZ website (formerly Land Transport Safety Authority) had been through a number of different "looks" and had ended up with three different designs appearing across the site. In order to streamline and improve both the look and the information architecture, Shift redesigned the site, and passed it on to me to "re-skin". This means changing the existing CSS, but not the HTML, if possible. As a government website, it conformed to e-government guidelines, utilised validated HTML 4.01 Transitional and CSS, and maintained a consistent appearance across a range of browsers on Mac and PC.
Timeframes - National Library of New Zealand
Website: timeframes.natlib.govt.nz
Client: National Library of New Zealand
My professional status: contractor at Shift
The National Library of New Zealand wanted to update the huge Alexander Turnbull image database available online, so that users could more easily search the database, save and order images. I built a pure CSS website front-end, which was then integrated into the database. The site had a liquid layout with min-width, followed e-government guidelines with a very high level of accessibility, and was built in XHTML 1.0 Transitional and CSS. It was consistent across a total of 12 browsers in Mac and PC.
WebWeaver Productions
Website: WebWeaver Productions
Client: me
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 is designed to be fully accessible, displays a liquid layout with min-width, is written in valid HTML 4.01 Transitional and CSS, has been fully accessibility-tested and displays consistently across 13 browsers in Mac and PC. I've built it using templates and Dreamweaver library items so that in the future I can easily update it and make alterations.
Ngā Toi Online
Website: Ngā Toi Online
Client: Ministry of Education
My professional status: contractor at CWA New Media
This large, constantly updated, bilingual site had reached a stage where the two halves were no longer a mirror of each other. Guided by an extensive paper edit I made alterations in XHTML to the content of virtually every page, most of which were in te reo.
Claremont Estate
Website: claremont-estate.com
Client: Claremont Estate
My professional status: contractor at Oryx Technologies
The existing website required a complete overhaul, redesign and redevelopment to reduce and refine the large amount of text on each page. I rebuilt the site and streamlined the CSS styles and includes sitewide. I also made a subsite based on the client's PowerPoint presentation and added a Flash header to each page.
Three Rs of Diversity
Website: no longer online
Client: Ministry of Education
My professional status: contractor at CWA New Media
This site was built in XHTML/XML within Te Kete Ipurangi's CSS-only template. I made extensive client alterations to the code by hand and validated the site for XHTML 1.0 Transitional.
Design of pure CSS websites
Bamford Medical
Website: Bamford Medical
Client: WM Bamford & Co Ltd
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 are based on the original Bamford site, with a completely different look and feel so that they are 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, training, QA and ongoing support.
Holmes Consulting Group
Website: Holmes Consulting Group
Client: Holmes Consulting Group
My professional status: independent web designer/developer
The international architecture firm Holmes Consulting Group asked for a completely new photography-centered design, new HTML/CSS templates, and a new CMS, which would be populated with all-new content. I was responsible for the initial quote, information architecture, site schematics, ongoing project management and client liaison, web design, HTML and CSS, jQuery, testing, putting together the skeleton site in Silverstripe, training, QA and ongoing support.
Office of Film & Literature Classification - information for students
Website: OFLC - information for students
Client: Office of Film & Literature Classification
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 ongoing support.
Master Plumbers, Gasfitters and Drainlayers Inc
Website: Master Plumbers
Client: Master Plumbers, Gasfitters and Drainlayers Inc
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.
WM Bamford & Co Ltd
Website: not yet online
Clients: WM Bamford & Co Ltd
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.
New Zealand Business Assessment
Website: New Zealand Business Assessment
Clients: Business Capability Partnership/Optimation
My professional status: independent web designer/developer
The Business Capability Partnership wanted a website for their New Zealand Business Assessment initiative, which is designed to enable business owners to assess their business's current capabilities and assist in identifying opportunities to improve business performance. I designed and built 17 template pages for the site, which was developed by Optimation within a .net environment. Once phase 1 of the site went live, Optimation worked with the BCP to develop and extend the site's capabilities, and from time to time I work alongside the Optimation developer to provide CSS for new elements.
Māori Media Network
Website: Māori Media Network
Client: Māori Media Network
My professional status: independent web designer/developer
The Māori Media Network wanted a new website which would promote their skills and services online. I designed and built the site and also worked on project management, information architecture and site schematics, as well as planning for Ajax and CMS integration.
Drilling for Diamonds
Website: Drilling for Diamonds
Client: The Mills Group
My professional status: independent web designer/developer
The Mills Group wanted a website which would both promote their Drilling for Diamonds online coaching products and act as a secure portal through which D4D coaches could train staff. The secure login includes an admin section through which The Mills Group staff can add new clients and coaches, give them access to the online coaching materials, and create collections of personalised coaching materials for specific groups within the coaching scheme. I designed and built the site and also worked on project management, information architecture and site schematics.
The Gathering Archives
Website: The Gathering Archives
Client: me
My professional status: independent web designer/developer
In October 2006 I started creating, designing, building and writing The Gathering Archives website and accompanying WordPress blog, with the aim of becoming the authoritative source of information on the history and background of iconic New Zealand dance party The Gathering. The site is divided into different sections for each of the six Gatherings, and includes facts & figures, media coverage, Gathering artwork, photos, video and film footage, Gatherer stories and maps of the venue for each party. The design for each section is based on the official Gathering artwork from that year.
WebWeaver Productions
Website: WebWeaver Productions
Client: me
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 HTML 4.01 Transitional and CSS, has been fully tested and displays consistently across a wide range of browsers in Mac and PC. I've built it using templates and Dreamweaver library items so that in the future I can easily update it and make alterations.
Ministry of Economic Development - Insurance and Superannuation Unit
Website: MED - ISU
Client: Ministry of Economic Development
My professional status: contractor at Origin Design
The design for the new main MED site had been done by Shift, who had also supplied a set of design standards, and had mocked-up a version of a subsite content page. Origin were asked to extend the design to show how it would be applied to a range of pages in the ISU subsite. They provided me with a series of wireframes, and I developed the design from that point, and drew up a Photoshop visualisation for each of the page templates.
Read more about the Ministry of Economic Development project
Ans Westra Teacher and Student Resources
Website: Ans Westra
Client: Ministry of Education
My professional status: contractor at CWA New Media
The client wanted to add a new subsite to an existing Arts collection within the Te Kite Ipurangi portal website. I designed the site, which was developed as a fully CSS site within the existing TKI template.
Learning Languages
Website: Learning Languages
Client: Ministry of Education
My professional status: contractor at CWA New Media
The client wanted a new design for the Learning Languages series. There are 5 subsites in all, which needed to match each other while still retaining some individuality. A homepage was also needed to introduce all of the subsites. I designed the site, which was developed as a fully CSS site within the existing TKI template.
asTTle
Website: asTTle
Clients: Ministry of Education and University of Auckland
My professional status: contractor at CWA New Media
The Ministry of Education wanted a new design for the updated asTTle site as part of CWA's Te Kete Ipurangi portal website. I used existing printwork of the new asTTle branding as my initial inspiration and created a look and feel which was sympathetic with that branding while adding unique elements of its own. The site is built in XHTML and pure CSS.
Gifted and Talented Students
Website: Gifted and Talented Students
Client: Ministry of Education
My professional status: contractor at CWA New Media
This site needed a major update and overhaul, with the addition of an online version of the Minstry of Education handbook Gifted and talented students: Meeting their needs in New Zealand schools, and related online reading material. I designed the site as part of CWA's Te Kete Ipurangi portal website, which is built in XHTML/XML and CSS. I also did some of the development of the new site.
Gifted and Talented: Support for Parents and Whānau
Website: Gifted and Talented
Client: Ministry of Education
My professional status: contractor at CWA New Media
This Key Collection within the Te Kete Ipurangi website portal is aimed at parents and whānau of gifted and talented kids, and is based on the existing printwork from the Ministry of Education. I designed the website, which was developed as a fully CSS site within the existing TKI template.
