ExpressionEngine

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

Case studies in this category

Bamford Medical

Website: no longer online
Client: WM Bamford & Co Ltd
Dates: May - July 2009 and March - May 2010 with ongoing support until 2015
My professional status: independent web designer/developer

Following the successful launch of the Bamford website, we were asked to create a companion website, Bamford Medical, which would allow the company to sell a selection of their medical products online. The templates and CMS backend of the new site were based on the original Bamford site, with a completely different look and feel so that they were easily distinguishable from one another.

I was responsible for the initial quote, information architecture, ongoing project management and client liaison, web design, HTML and CSS, jQuery, testing, CMS and photoshop training, QA/proof-reading and ongoing support. Find out more about the Bamford Medical project

Categories: Scoping/pitching/quoting, Client liaison, Project manager, IA & UX, Website designer, Front-end developer, Writing for the web, CSS-based layout, jQuery/JavaScript, ExpressionEngine, E-commerce, Medium sites

WM Bamford & Co Ltd

Website: bamford.co.nz (site has since been redesigned)
Client: WM Bamford & Co Ltd
Dates: November - December 2008 with ongoing additions until 2015
My professional status: independent web designer/developer

WM Bamford & Co Ltd is one of New Zealand's leading independent medical supply companies, and needed a new website which would reflect and complement their new print brochure - and which would allow potential customers access to their substantial product listings as well as providing information about Bamford's supply agencies and partners.

I designed and built the site and also worked on project management, information architecture and site schematics, as well as creating dynamic functionality via jQuery and facilitating CMS integration. Find out more about the WM Bamford & Co Ltd project

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

Salvation Army

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

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

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

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

NZWood (resources)

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

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

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

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

Weta Digital

Website: wetafx.co.nz (site has since been redesigned)
Client: Weta Digital
Dates: March - May 2008
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 ExpressionEngine by Tom St George, my colleague at Shift. Find out more about the Weta Digital project

Categories: Front-end developer, CSS-based layout, ExpressionEngine, Small sites

Discovery Bay School

Website: dbis.edu.hk (site has since been redesigned)
Client: Discovery Bay International School
Dates: March 2008
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 my Shift colleague Tom St George into the ExpressionEngine CMS. Find out more about the Discovery Bay School project

Categories: Front-end developer, CSS-based layout, ExpressionEngine, Medium sites

Clean Edge

Website: not online
Client: Clean Edge
Dates: December 2007
My professional status: employee at Shift

Clean Edge was planned as a new online business, showcasing the work of New Zealand artists and allowing visitors to buy their paintings online. My job was to build a set of 23 templates which were then incorporated into the ExpressionEngine CMS by Tom St George, my colleague at Shift. The site design was very graphic-rich and incorporated a number of dynamic visual effects which I created using the script.aculo.us JavaScript library, which I taught myself to use. Find out more about the Clean Edge project

Categories: Front-end developer, CSS-based layout, jQuery/JavaScript, ExpressionEngine, E-commerce, Medium sites

NZWood (campaign)

Website: no longer online
Client: NZWood
Dates: August 2007
My professional status: employee at Shift

The NZWood campaign website was part of a series of sites for the organisation. The campaign site was designed to be highly interactive and included 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 CSS, and to create a non-Flash version of the main navigation so that users without Flash could still navigate through the site. Find out more about the NZWood (campaign) project

Categories: Front-end developer, CSS-based layout, ExpressionEngine, Small sites

NZWood (corporate)

Website: no longer online
Client: NZWood
Dates: June - July 2007
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 CSS, and to liaise closely with Tom St George, our ExpressionEngine CMS developer to ensure that the incorporation of my templates into the CMS ran smoothly. Find out more about the NZWood (corporate) project

Categories: Front-end developer, CSS-based layout, ExpressionEngine, Medium sites

New Zealand Educated

Website: newzealandeducated.com (site has since been redesigned)
Client: Education New Zealand
Dates: May - September 2007
Government status: Crown Entity
My professional status: employee at Shift

New Zealand Educated wanted a fun, compelling and informative website that would encourage overseas students to study in New Zealand. I built a set of 36 complex templates for the site in HTML and CSS, which were tested across a wide range of browsers and platforms and which achieved a high level of compliance with e-government accessibility guidelines. Education New Zealand is a Crown Entity funded by the New Zealand Government. Find out more about the New Zealand Educated project

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

Māori Media Network

Website: maorimedia.co.nz
Client: Māori Media Network
Dates: April - August 2007
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. Find out more about the Māori Media Network project

WWF-NZ

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

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

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

Shift

Website: no longer online
Client: Shift
Dates: October - November 2006
My professional status: employee at Shift

Shift's new-look website was a long time coming, mainly because Shifties were always working on somebody else's website! I was part of the team that finally got the chance to complete it and get it online. My job was to project-manage the team and 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. I was also responsible for design development of some pages, based on designs already created for other templates. Find out more about the Shift project

Categories: Client liaison, Project manager, Website designer, Front-end developer, Govt web standards tester, Writing for the web, CSS-based layout, e-govt/WCAG compliance, ExpressionEngine, Medium sites