Skip to content

Pine Harbor Wood Products

From digital to print: a streamlined experience where you control the narrative

New England's leading manufacturer of sheds and outdoor buildings returns for its umpteenth full-color catalog and its second Design Principles responsive web build.


For a solid brand like Pine Harbor Wood Products, we wanted to refresh the look and feel of the website and modernize key features that provide the optimal user experience.

We wanted the site to sing to the most curious of backyard dreamers. With so many options for customization, the do-it-yourselfer can easily scan a wide range of build options. We incorporated smart modules to maximize the ways visitors will use the site to visualize the outdoor builds of their dreams.


Modern and mobile-friendly
Optimal usability is a key feature in all our designs

Regardless of how visitors choose to connect, our site design immediately recognizes the type of device they’re using and instantly adapts and scales images and text accordingly. Visitors shouldn’t have to think about how they are connecting. Our responsive design techniques ensure the images and ideas flow.


Detailed feature pages
A layout that serves intricate product details from classic sheds to signature buildings

With so many customizable builds and features, plus the advent of a dedicated DIY kits section, we wanted to make sure visitors would feel an immediate sense of what’s possible without being overwhelmed by a huge catalog.


Delivering the visuals a backyard dreamer needs

Because a picture is worth 1,000 words. Smart modules, sliders, galleries and video features bring their versatile product line to life.

Endless possibilities
A wealth of flexible options

The manifold sizes and cuts of Pine Harbor's sheds means that customers can find a shed or small building for nearly any purpose. The Pine Harbor Gallery section helps to collect all of those choices into easy to navigate sets of inspiration.

Additionally, users can easily compare the two major shed series with each other through an attractive comparison chart (with downloadable companion).


Users compare features between Classic and Signature series models via an image slider.
See it in action

From digital to print
A streamlined experience

Our love of the digital world may be obvious, but we also love the world of print and know how powerful it is when online and print media are in tune. The glossy print catalog we designed for Pine Harbor closely mirrors the online experience. We strive to offer clients a range of products and services that cultivate brand consistency. This translates to cohesive branding where all the elements serve the greater story.