DREW PARROCCINI

Northwest Natural

Cover Image for Northwest Natural

Team role: Senior Front-end lead. An existing project I brought to completion.

Tech Stack: Angular 8, Unslated, AEM, React.

Budget: 3.5 million

Production URL: https://www.nwnatural.com/


I was the front-end lead of this 17-month massive project.  I built out a component library of reusable blocks in storybook. Most of the work was leaning on es6 and modern js without needing a library. We also used angular for the self-service side of things, though that was a different team. 

A goal of mine in this project was to push for a AAA rating in accessibility, as this website that everyone had to use had natural gas in the PNW. I geared the color scheme to be WCAG compliant and tested high contrast settings on multiple pages. 

Finally, I oversaw a team of usability experts who we brought in to test the forms, push the keyboard navigation to its limits, and basically humble us with how to use the site.

  • Over 35 developers rotated on and off this project.

  • A good challenge, as we had to merge a React and Angular ecosystem.

  • A 15-month project, delivered on time.

*Please note that production URLs may be out of date without warning.

My Work

Cover Image for Bonneville Power Association

Bonneville Power Association

Public Facing marketing site plus powerful Customer Portal for monitoring energy consumption.

Cover Image for PacificCorp Website suite

PacificCorp Website suite

Robust self-service website for paying your electric bill and sister site for public facing advertising.