Backbone | Teck


Digging deep to deliver digital excellence

Solutions Website
Services Web Design
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 the device, was imperative. We also needed to combine Teck’s multiple sites under one domain in an easy-to-use management platform and seamlessly render interactive data from external APIs throughout the site. Lastly, 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 join 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 including both new and fresh information 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, Expresia.


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


The Process

Expresia’s powerful Content Playlists enabled us to empower the Teck team to deliver stunning results in an elegant, consistent workflow that is obtainable 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 Expresia’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. 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 post jobs as they become accustomed to using the improved site. They had the ability to add postings that pertained to the mine or project while consistently appearing as on-brand. Visitors no longer had to navigate off the Teck site to the third party supplier, thus controlling the visitor's journey by the Teck team.


Teck is now the benchmark for design, user experience, online technology and future scalability in their industry. Teck has experienced a substantial increase in traffic and a decrease in the bounce rate, subsequently, raising the industry standard for implementing an engaging digital experience. They have also caught 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. 


While the customer may have interesting content (stunning imagery and relevant copy,) and the ability to search the entire site for specific content, we added standard integrations such as a newsletter and links to their social media platforms, knowledgeable career section in addition to creating a calendar that displays past and upcoming events, presentations or webcasts.



Next project

Teck Is now a Digital Company. Wanna make the switch?