Collage perspective of the full site

Payette.com


  • YEAR
    2018

  • DESCRIPTION
    Website Redesign

  • DESIGNED AT
    Payette

  • SELECTED DESIGN TEAM
    Joy Cohen
    Mark Careaga
    Leon Drachman
    Karen Robichaud
  • RECOGNITION
    SMPS Boston Award for Marketing and Communications Achievement, Website, 2017, First Place

  • CATEGORIES
    Graphic Design
    Web Design

Designed in-house, the new payette.com was developed to reflect the firm’s strong online voice and presence. That meant encompassing not just a portfolio of work but also a platform for thought leadership, homes for branches of the practice like Building Science and Design Technology, and a prominent daily blog. Taken as a whole, the site serves as a reintroduction to an industry-leading architectural practice, the work they produce, and the people behind it: colorful, flexible, and vibrant.

The site was designed to be scalable by utilizing a six-column grid with break points for different screen sizes, from widescreen monitors to mobile devices. Custom modules for written and graphic content also adapt to different screen sizes to ensure a legible viewing experience, no matter the device.

My scope of work, in addition to working with the larger design team on overall web design, focused on the development of new graphic standards for architectural drawings. Key to the redesign effort was a recentering of plan drawings as a storytelling device for each featured project. Alongside plans and sections, each project page features a newly drawn diagrammatic site plan, which situates the project within its unique context at a glance. These graphic standards were developed to work across a huge range of scales, from small research outposts to hospital complexes encompassing millions of square feet, and both unify and elevate the graphic presentation of the firm’s work.

The graphic standards for plan drawings and site plans would be further developed for Payette’s first monograph in 15 years, Fusion.


Photo of notes about website scaling
Photo of notes about website scaling
BU Site Plan
GW Site Plan
MIT Site Plan
Pell Lab Site Plan
BU Floor Plan
GW Floor Plan
Tufts Floor Plan
Pell Lab Floor Plan
Pell Lab Short Section
Pell Lab Long Section
Payette.com project page