Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

PolicyLab – Children’s Hospital of Philadelphia

Unified branding and better user journeys for a pediatric health research leader

Collage of pediatric patient next to branding updates for Policy Lab showing the new patterns, iconography and mock up images of these new brand elements as it appears on a mobile browser.

OVERVIEW

PolicyLab — a division of the world-renowned Children’s Hospital of Philadelphia (CHOP) — needed web upgrades that integrate new branding and smooth user paths through a growing body of health and legislative content.

policylab.chop.edu

Two tablets and two smart phones showing newly deisgned landing pages for Policy lab

PAIN POINTS & CHALLENGES

PolicyLab’s online presence needed a variety of upgrades to reflect its status as an esteemed division of one of the largest pediatric research institutes in the country.


They were seeking an agency partner to explore and apply newly updated CHOP brand guidelines across complex digital applications while maintaining PolicyLab’s unique identity.

Bounce rates were high because of confusing navigation — users needed an easy and intuitive way to explore their expanding body of content.

Two screenshots side by side from the redesigned Policy Lab website. The first is a new layout highlighting the staff page and the second page is of the Policy Tools landing page.

PolicyLab’s deep body of research and policy recommendations span city-level healthcare interventions for youth and families, designs for statewide home visiting and child welfare programs, federal pandemic response plans & more.

Tablet showing various elements for the Policy Lab redesign including a screenshot on mobile, screenshot on tablet, and new navigation.

SOLUTIONS: Strategy Meets Creativity

Discovery

We dove into the client’s existing site direction, brand guidelines, web framework, user experience, and content management approach. Our findings guided us in creating a new Drupal-based site that represented a massive front-end overhaul in addition to some minor but meaningful back-end adjustments.

An open booklet highlight Policy Lab's new Brand Guidelines

Visual Design

We created a variety of sophisticated visual solutions that seamlessly integrated the client’s new logos, patterns, and iconography and positioned PolicyLab as a unique but related part of the CHOP umbrella brand.

A collage of Policy Lab's new iconography for their website using bold shades of blue, green, and pink. In this collage, there is also a smartphone showcasing how the website looks on mobile. Highlighting the new color palette, the background shows two photos, the first is a group of teenagers picking a sunflower, and the second is the photo of a toddler laying on a blanket in some grass.

User Experience

We consolidated the sitemap and restructured content so users could find relevant information without too much effort. Major navigation and information architecture corrections began with expanding the main site menu from three categories to five to align with the organization’s newly defined strategic core areas.

A collage of screenshots showing the Policy Lab redesign on desktop, mobile, and tablet devices. Included in the screenshot is how the design adjusts for mobile to desktop view.

We made highest-priority research categories easier to find; created better links between related content like projects, blog posts, and related team members; and redesigned secondary menus that make the connections between various bodies of content more meaningful and intuitive.

Since Publications, Blog & Profile pages humanize PolicyLab and position younger researchers as experts — important for boosting recruiting and community interest — we gave these pages more prominence and added filters by topic, tool, and/or specialty option to increase visibility to audiences that include the media. To allow the client to better view and manage user activity, we also added analytics and tracking to publication and policy tool downloads.

A collage with 2 screenshots of the redesigned blog and research pages for Policy Lab juxtaposed with a pediatric patient at Children's Hospital of Philadelphia

We worked with PolicyLab – Children’s Hospital of Philadelphia on