Solutions Branding, Website
Industry Delivery
Location North America
  • Strategy & Consulting
  • Technology & Development
Teck Logo

Teck, Canada’s largest diversified resource company, approached us with one big ask: Develop a state-of-the-art, enterprise-level website that empowered multiple users and departments while creating a visually powerful and informative client experience. 



Teck, Canada’s largest diversified resource company, approached Backbone with one big ask: Develop a state-of-the-art, enterprise-level website that empowered multiple users and multiple departments within the company while creating a visually powerful and informative experience to visitors.  Simple and intuitive navigation, no matter what device, was imperative. Further, we needed to combine Teck’s multiple sites under one domain in a easy-to-use management platform and seamlessly render interactive data from external APIs throughout the site. And finally, we had to ensure Teck data and content could be leveraged across multiple technologies.

The Challenge

We needed to balance the client needs with the creative team’s UX and design direction. Backbone was also responsible for the overarching project management and ensuring that smart and strategic decisions were made at every step of the process.

The Process

Our goal was to marry the design and technology of this site to allow Teck managers to easily build rich editorial pages, eliminating the need for third-party design or technical resources. We empowered the content team to create magazine-like spreads, including galleries, menus, CTAs, text and image layouts, mixing and blending multiple elements in an unlimited number of ways. The design also features easy-to-create interactive maps that showcase mining activities across the globe and populate with a mix of existing site content as well as new and fresh info customized to specific sections of the site.


The timeline for Teck’s digital transformation was extremely aggressive. We worked around the clock to quickly construct an immensely complex site—a feat we could not have accomplished without our proprietary web engagement management tool, Expression.



Right out the gate, before we wrote one line of HTML, we initiated Expression to fully engage the client’s content team, developing complex content and architectural classification that were easily indexed and searchable site-wide.


The Process

Expression’s powerful Content Playlists enabled us to empower the Teck team to deliver stunning results in an elegant, consistent workflow that were scalable and easy-to-use. Content Playlists put all of the power of a rich library of markup in the hands of even the most novice tech user. Lego blocks of design elements were efficiently organized into Expression’s Element and Skinnable framework, and were easily applied to any content anywhere on the web site.


Backbone also developed real-time integrations between Teck’s HR hiring tool and third-party job boards, to name a few. This went beyond basic integration and applied an intelligent content management solution that managed workflows and access control. In the end, HR could continue to add jobs as they become accustomed while the data seamlessly populated on the site, in the correct sections, pertaining to the right mine or project while be displayed consistently and on brand. Visitors no longer had to navigate off the Teck site to the third party supplier, providing control of the visitors journey to the Teck team.



Teck is now the benchmark for design, user experience, online technology and future scalability in their industry. Since the launch, Teck has seen a substantial increase in traffic and a decrease in the bounce rate, subsequently, raising the industry standard for implementing an engaging digital experience and catching the eye of industry watchdogs. “The best #mining and metals #websitedesign Great work @TeckResources.”



In December 2015, we launched a flawless site. We delivered on all of the cross-departmental requirements, as well as a seamless experience that allows users to easily navigate Teck’s massive digital presence - across all devices and platforms. 


Where the customer have interesting content (stunning imagery and relevant copy,) and the ability to search the entire site for specific content, standard integrations such as newsletter and social media, an events calendar that displays past and upcoming events, as well as any presentations or webcasts that are scheduled, and an intelligent career section.