Full Build WordPress

PEN America

Making website content accessible to amplify freedom of expression.

PEN America home page on multiple devices

Client Overview

Founded in 1922, PEN America stands at the intersection of literature and human rights to protect free expression in the United States and worldwide, recognizing the power of the word to transform the world. They work to promote a world where everyone has the freedom to create literature, share ideas, and access diverse perspectives.

PEN America Mobile Gallery

The challenge

PEN began their relationship with us as a Support client, needing custom landing pages, reports, and general maintenance. They initially engaged us to enhance their existing code base. However, over time it became clear their original build no longer met their needs, as admins struggled to patch recurring issues. This was a problem, as their work centers on accessible, inclusive content — yet their site wasn’t delivering.

Three other websites were connected to PEN  — Artists at Risk, Online Harassment Field Manual, and WorldVoices Festival — but weren’t properly integrated, making content sharing and management across URLs difficult. 

Our primary goals for the project were:

  • Build a centralized database with a shared, flexible component library and a seamless subdomain creation process that is sustainable, scalable, and easy for PEN to use.
  • Create a captivating user experience that has a consistent content hierarchy, enhanced visual appeal, and brand cohesion.
  • Craft a design library that retains each site’s unique identity, guides users in their journey, and invokes trust with the brand providing a consistent and seamless experience.
  • Optimize the mobile experience and enhance engagement by ensuring an accessible and user-friendly interface that captivates mobile users.
  • Simplify the navigation and build a robust information architecture that establishes clear pathways allowing people to explore resources effortlessly. 
  • Improve search and filtering of content by embedding ARC, OFHM, and WV content within the main PEN site.
  • Create an interactive storytelling experience that offers animated elements, interactive features and embraces inclusive design.

The solution

Deep discovery work — including personas, competitor analysis, content audits, and content strategy — helped us address three core challenges aligned with the project’s goals:

  • Consolidating sites on WordPress: We recommended a multi-site structure on WordPress for PEN, allowing easier management, reduced hosting costs, and streamlined content sharing across sites, boosting visibility across the PEN organization.
  • Enhancing content management for administrators: The outdated and cluttered WordPress backend made content updates cumbersome. We upgraded the technology and introduced a block-based editing experience with Gutenberg, streamlining the process.
  • Improving content connectivity: Poor user experience resulted from static content, minimal tagging, and ineffective site search, with no dynamic modules. We addressed this by auditing and updating taxonomy structures and simplifying navigation.

The process

1

Updated Navigation

Our revised robust information architecture establishes clear pathways to allow people to seamlessly explore resources.

PEN America site map
2

Wireframes

The wireframes mapped out the content functionality on both mobile and desktop.

PEN America wireframes

Key features

Update Taxonomy

Taxonomy document for PEN America

We audited and streamlined their internal tagging system, consolidating 15,000 tags down to a manageable 100 to provide clarity for users on both the front- and back-end.

Improved Site Search

Search functionality on PEN America

Using FacetWP and Relevanssi, we Improved the search functionality to allow users to filter by multiple taxonomies and content types.

Organized Content

kanopi advanced query loop animated gif

We used the Advanced Query Loop Block to better connect the content, giving admins more flexibility in how they organize it. This also created automatic pathways that revealed previously hidden information to users.

The result

The modernized user experience brings PEN’s story to life with clear pathways and powerful storytelling. Streamlining the content was key: consolidating the sites made it possible to share content across platforms and with the main PEN organization, increasing exposure. This approach also brought practical benefits, such as easier management, lower hosting costs, and improved sustainability and scalability.

The design library allows each property to keep its unique identity while guiding users along their journey and strengthening trust in the PEN brand. Editors now find WordPress’s Gutenberg Editor far more versatile, giving them greater creative flexibility.

By adding social proof and video, users stay engaged on the site longer. Enhanced accessibility also fosters inclusivity, expanding PEN’s mission to reach more people.