Project:

Web Development

scroll icon

A website for the company that shaped Portland's skyline

With over 40 years of experience, Arctic Sheet Metal needed a place to display their breadth of capabilities

As a leader in the Pacific Northwest HVAC industry, Arctic Sheet Metal was frustrated that their website didn't match the level of craftsmanship and excellence that could be seen throughout their vast portfolio of work. Their previous website had become outdated and they needed a way to show the unique capabilities of the company, noteworthy projects, and the fantastic team behind the work.

Arctic Sheet Metal website

Roles

Technical Direction

Frontend Development

Backend Development

DevOps

Tools of the Trade

NGINX

Node.js

MongoDB

Apostrophe CMS

Scroll Magic

Greensock

Javascript / HTML5 / SCSS

Technology Solution

Data Driven Design developed Arctic's website from the ground up with presentation and ease of client maintenance in mind. We chose Apostrophe CMS to help accomplish this one-of-a-kind build due to the fact that many aspects of the design needed to be custom built and tailored, to achieve the creative aesthetic desired by the client.

Arctic Sheet Metal BIM Modeling interactive slider

Homepage experience

A full-height custom carousel was built with numbered and progress indicators, using Swiper as the base. Each slide consists of multiple layers, including an image or autoplaying video, the slide content with a link to view the full story, and a set a randomly generated animated lines that move over the top of the slides. The quick transitions between slides contrasts with the slow movement of the randomized lines as the progress bar fills, grabbing attention

Data Driven Design created a smooth transition from this slider into the stories themselves, so that users hardly notice they're actually moving to a new page. The video or image from the home page slider transitions to a shorter height, fading in to full color as the page load happens. The content shrinks in height too, and centers within the new header as the link fades out. A user can then continue their journey to discovering the exemplary work and and amazing people that make Arctic stand out from the crowd.

Arctic Sheet Metal slider animation

Teamwork makes the dream work

We built a tailor-made carousel to view employees in their respective teams with hover state information, dynamic colorization, and leadership biographies

40 years of the toughest jobs in the industry

Arctic Sheet Metal needed a way to showcase their growing collection of stellar work throughout a wide variety of industry verticals.

We built a robust case study ecosystem that consisted of two core themes – project timelines and long-form stories. These templates allowed the client to highlight project successes in an easily digestible format.

Acrtic Sheet Metal Project Timelines and Stories
Get in touch.
Contact