Christchurch Canterbury Tourism

Christchurch and Canterbury Tourism (CCT) was my first responsive website and it was one of my favourite projects to work on. The aim of this project was to promote New Zealand’s Christchurch and Canterbury region as a tourism destination to media, travel trade, conventions and directly to visitors. The main challenges of this project were implementing CCT’s rebranding and designing a responsive website for content to display across desktop to mobile devices.

Skills used

  • Responsive Web Design
  • Information Architecture
  • User Interface Design
  • Art Direction
  • Digital Branding

The Challenge #1

Creating new brand guidelines and “funky” design requested by client.

Creating style tiles to explore new look and feel of the site.

The Challenge #2

Working on responsive website for first time, which was a big learning curve for our team.

Working on break points with frontend developers, svg and font icon trial.

The Challenge #3

Adopting existing content and functionality to the new site (tables, tabs, image sizes, xml feed from external site)

Working on breakpoints on different devices to get the best readability with existing content. Scrollable tables for smaller devices, Reducing image sizes.

The Challenge #4

Applying a “Mobile First” approach to focus on priority content and hide unnecessary components.

Previously I have approached the desktop side of any project first, leaving the mobile part as a secondary goal that gets accomplished later. 53% of Internet users access the web through mobile devices and 31% of those who are mobile capable access the web primarily through a mobile device. I simply started with the most minimal amount of content, reduced the amount of unnecessary elements from pages and built progressively upward to the highest-possible tech display.

The Challenge #5

Though the content of the website was very good, it did not appeal to users. The challenge was making this content more accessible and easier to engage with through the new design.

Focusing on editorial content layout to increase readability. Bringing related components (images, tables, quotes) to the main content to engage with users and make the content more exciting.

The Result

It was a big learning curve for me working on my first responsive site. CCT’s new brand did not exist at the stage of briefing so we had the challenge of designing without a complete brand from the start. I explored a few different options to create and finalise their branding for new website.

Few things I learned

Better understanding about Responsive Web Design - what it is and why it’s important / Working on break points with front end developers to display better layout for multiple devices / Finding useful tips around image optimization, creating svg and font icons.

Having already been a valued business partner since 2009, in early 2013 CCT commissioned to design and deliver a responsive website solution that would drive the RTO’s online presence. With a go live date in April 2013, unique website visitors are up 50% and mobile traffic is up a staggering 200% compared to the same period last year.

Visit