PolicyLab at CHOP Impact Report Website

Phone, desktop computer, and ipad mockups of PolicyLab's impact report website showing different parts of the design

BACKGROUND

PolicyLab came to us to design a one-page, brand-centric design for an impact report site that would be able to grow and change with their goals and impacts over the course of several years.

They also wanted to be able to use this site as a fundraising piece, explaining to potential donors what PolicyLab does and showing the work that they would be supporting. Our goal was to create a site that highlighted impacts in each clearly delineated section (Research, Policy, Programs, Reach) and to create a design that was editorial in nature, allowing longer featured stories and shorter snippets that would lead readers back to the main PolicyLab site.

(Work done at Untuck with John & Amy Saal; development by Adam Balée)


Wireframe sketches of PoliicyLab impact report site, including landing pages and content pages
Research landing page design of PolicyLab impact report site, photo of two brothers hugging with a green circle pattern overlaid

We proposed a horizontal scrolling site, which allowed us to easily create visual separation for each section while also creating an engaging user experience.

The UI would highlight different types of editorial content and allow us to play around with imagery as well, using layers of photos and content for a parallax effect.

Programs content page design of PolicyLab impact report site, showing photos of masked volunteers at an event and kids talking to practitioners

Since the site would be multi-year, we wanted to pull from the existing PolicyLab brand library and make small tweaks to make the design fresh.

Mission content page of PolicyLab impact report site, showing a photo of a young boy playing with cars and the text of PolicyLab's mission on a blue background

We brought in PolicyLab’s beautiful photography to support the stories they were telling.

In a year of isolation, using lots of photos also served the important function of showing the work that PolicyLab was doing and who it affected.

Research content page design of PolicyLab impact report site, showing photos of teens hanging out and PolicyLab researchers, along with quotes
Mobile views of the Policy section of the PolicyLab impact report site, showing photos of young boys playing at a park