Gardens BC website responsive views

Gardens British Columbia Website

PROJECT DETAILS

Client: Gardens British Columbia
Strategy: Gardens BC / Chris Young
Creative Direction: Chris Young

Art Direction: Chris Young
Design: Chris Young
Production: Chris Young

Gardens British Columbia is a coalition of public gardens working together to promote British Columbia as a tourism destination for garden visits and experiences.

The organization was looking to relaunch with a new name and identity, advertisements, promotional collateral and a website. The organization had been doing business as the ‘British Columbia Garden Tourism Coalition Society’ for a few years but wanted to launch their new brand platform as the more friendly Gardens British Columbia – casually known as Gardens BC.

In addition to designing Gardens British Columbia’s new identity, Gardens BC was looking to launch a robust website featuring their new look. The site’s primary objective is to showcase the diversity and beauty of the province’s gardens, the primary audience is tourists with a secondary audience of local residents.

The fully-responsive website incorporates a province-wide garden directory with planned trips with their Member Gardens at the forefront. The website brings together top-tier tourism destinations such as The Butchart Gardens in Victoria, Dr. Sun Yat-Sen Classical Chinese Garden in Vancouver, and featured partners including Communities in Bloom; which work with communities beautifying public spaces in cities and towns across Canada. Each member and partner garden has a feature page that provides general information, photos, video, contact info, and social channels. The site also features Events and News sections to showcase seasonal highlights, awards, breaking news and upcoming events.

Gardens-BC-website-01-front-page-05-1000-1x
The front page features three randomly loading Member Gardens and a footer that pulls together events from all the gardens and the latest garden news.

The website was made to be a useful tool when you’re out on the road and need to look something up – and performs well on mobile devices.
The website was made to be a helpful tool when you’re out on the road and need to look something up – and performs well on mobile devices.

Member Garden’s pages

Each Member Garden gets its own page on the website. These pages are designed to be a clean and consistent layout to let the natural beauty of individual gardens shine through. Each garden page features detailed descriptions, a photo library, video and customizable sections to showcase amenities such as wedding and special event rentals as well as news and events for each garden.

Gardens-BC-website-02-gardens-page-1000-1x
Member Gardens appear together on the Gardens’ directory.

Gardens-BC-website-03-dr-sun-yat-sen-garden-page-02-1000-1x
Dr. Sun Yat-Sen Classical Chinese Garden’s Member page.

Gardens-BC-website-03-dr-sun-yat-sen-garden-page-05-1000-1x
Lightboxed photo from the Dr. Sun Yat-Sen photo gallery.

UBC Botanical Garden and the Bloedel Floral Conservatory Member pages side-by-side; different garden's information appears consistently across all the pages.
UBC Botanical Garden and the Bloedel Floral Conservatory Member pages side-by-side; different garden information appears consistently across all the pages.

Explore British Columbia Gardens page

The Explore page of the website is an evolving section of the website that has launched with a handful of curated single and multi-day trips from around Nanaimo, Victoria and the Vancouver area to create botanical and cultural tours.

We purposely mixed in local flavour and cultural experiences alongside trips to Member Gardens, to create well-rounded trips that we felt the target market would enjoy. Trip information is provided at the top of the page so that visitors know how far and how long the trip will take. Gardens BC is looking at expanding more customized trips in the near future.

I was happy to share some photos for this section that I’ve shot over the years as my wife and I often stop at gardens when we travel. With Google Maps integration built-in on each trip page, it works great on mobile and was designed to aid visitors when they’re out on the road.

Gardens-BC-website-04-Explore-Gardens-page-1000-1x
Single and multi-day trips on Southern Vancouver Island.

Gardens-BC-website-04-Explore-SingleDayNanaimo-page-1000-1x
This Single Day Trip from Nanaimo page is a good example of all the places you could visit in about 6 hours and has places of interest for people of all ages.

The trip pages with integrated Google Maps are meant to be used while you're out on the road; quickly change your destinations on the fly if you'd like to.
The trip pages with integrated Google Maps are meant to be used while you’re out on the road; quickly change your destinations on the fly if you’d like to.

The Butchart Gardens Member Page displayed on an iPad.
The Butchart Gardens Member Page is displayed on an iPad.

Explore Page trips and Garden news as it appears on an iPhone.
Explore Page trips and Garden news as it appears on an iPhone.

Detail of some of the 'painted' background header images.
Detail of some of the ‘painted’ background header images.

A few of my photos that I contributed to the website; Cathedral Grove at MacMillan Provincial Park, Goats on the Roof at the Old Country Market in Coombs, a sunset in Tofino and the maze at VanDusen Botanical Gardens.
A few of my photos that I contributed to the website; Cathedral Grove at MacMillan Provincial Park, Goats on the Roof at the Old Country Market in Coombs, a sunset in Tofino and the maze at VanDusen Botanical Gardens.

 

You can visit the Gardens BC website at gardensbc.com.

All work copyright Gardens British Columbia and their respective owners.

Related Projects

Investing in our Forests Book

Print