Work

Center for Urban Pedagogy

Using the power of design and art to support meaningful civic engagement, in partnership with marginalized communities.

Visual Identity, Content Strategy, Organizational Website
Cup hero

Background

Policies touch all aspects of our lives -- where we live, where we work, how healthy we are, and whether we are welcome in certain spaces. Despite the fact that they shape our lived experiences and built environments, they are hard to understand, making it difficult for the people who are most negatively affected to actually have a say in how they work. The Center for Urban Pedagogy (CUP) is a nonprofit that leverages the power of design and art to support meaningful civic engagement, empowering people to exercise their rights and demand and access the services they need and deserve.

The challenge

CUP has long nurtured a small and loyal fan base. Those who knew, knew. But those who didn’t found CUP complicated to approach. As CUP had evolved over the years, new programs and offerings had sprouted, adding more complexity to the organization and its work. Potential partners, advocates, and educators were eager to work with CUP but unsure how. In its 2 and a half decade existence, CUP had inadvertently become inaccessible to exactly those they were trying to reach.

CUP Tablet 1
Working with a team that cares about our work and respects what we're trying to build, however messy or in progress our work can feel at times, is truly invaluable. I could feel the team's excitement and energy to make something work well for us.
Pilar Finuccio
Community Education Program Manager, Center for Urban Pedagogy
CUP Side by Side

The opportunity

The opportunity was clear, how might we increase access to CUP’s services, products, and community through their digital presence? In this work, we had the chance to let the world know that CUP was more than an organization or a brick-and-location, but rather a resource, for all, and especially those who needed them the most.

CUP Mobile 1
CUP Side by Side 2
CUP Desktop 1
CUP 3 Phones

Capturing the essence of CUP

We created a cohesive visual language that evolved from the way CUP currently lives in the digital space. While the mark remains the same, our design team took the vibrancy of color and tactual nature of CUP’s work and created a web style guide. Our approach was to move the brand toward inclusivity and attention to accessibility, without losing the human feel so evident in the organization’s creative partnerships.

Cup collage
CUP typography 08
As a team, I think it's given us a really firm grounding for the years ahead—a way to be organized, thoughtful, and clear about how we communicate our work and purpose.
Pilar Finuccio
Community Education Program Manager, Center for Urban Pedagogy
Cup guide
CUP Colors 1

Handmade and collaborative

CUP often works with designers, educators, and students to create educational tools. Often partnering with high school students on demystifying policy and planning issues, understanding the demographic they serve was an important part of the process. We worked to incorporate a colorful environment which positioned analog visuals appropriately within the digital space. The digital experience is peppered with moments of unexpected hover interactions and cut-paper collages that feature the community, the work, and a vibe that is ownably CUP.

The web style guide has given us the energy to evaluate and translate our web identity to our internal presentations, social media accounts, and newsletter. For that, I am deeply grateful for the time we had with Hyperakt.
Pilar Finuccio
Community Education Program Manager, Center for Urban Pedagogy

Project Credits

Ready to unlock the potential of your nonprofit's brand?
Let's Talk