National Writing Project

Joyous Learning

Strategic communications firm Steege Thomson approached us to create a single-page scrolling annual report website for its client, National Writing Project (NWP). Top requirements include creating quick-hit data points documenting the story of NWP's year, integrating long-form educator stories for demonstrated impact, and ensuring optimal viewing across devices. The site also needed to be flexible enough for NWP to modify and use as the organization’s annual report for the next few years.

The resulting site utilizes a fixed scrolling style—where a section’s main content remains static on the left, while statistics that are relevant to that content are scrolled through on the right—with seamless section transitions. This format creates a more varied, immersive, and linear content experience where supporting data points, pull quotes, and captioned photos can be selectively used to highlight NWP’s impact.

2015 Annual Report Site / 2016 Annual Report Site / 2017 Annual Report Site

Nwp Ar2015 Website Imac Scroll
Nwp Ar2015 Icons Slide 1
Nwp Ar2015 Icons Slide 2
Nwp Ar2015 Icons Slide 3
Nwp Ar2015 Icons Slide 4
Nwp Ar2015 Icons Slide 5
Nwp Ar2015 Website Imac Quote
Nwp Ar2015 Website Ipad
Nwp Ar2015 Website Iphone

other projects

Featured Image for Kleinman Center Brand Identity Design

Kleinman Center for Energy Policy

Envisioning a Sustainable Future

Featured Image for United Way of Greater Philadelphia Website Strategy, Design & Development Project

United Way of Greater Philadelphia & Southern New Jersey

Breaking the Cycle of Poverty

Featured Image for Policy Lab Brand Identity Design Project

PolicyLab at CHOP

Converting Evidence to Action