We’re hiring Solutions strategist

Ensemble Arts Philly & The Philadelphia Orchestra

Two brands, one digital ecosystem: translating Ensemble Arts Philly and The Philadelphia Orchestra into the web

  • Digital strategy
  • UX design
  • Design system architecture
  • SilverStripe development
  • Tessitura integration

A digital ecosystem that translated two established brand directions into flexible, distinct web experiences, and gave a newly merged organization a place to operationalize its combined identity online.

The Ensemble Arts Philly and Philadelphia Orchestra homepages side by side — two distinct brands running on one shared platform.

In 2022, The Philadelphia Orchestra and the Kimmel Cultural Campus merged into a single organization. By 2024, the combined entity was preparing to introduce itself to the world under a new brand architecture. The Philadelphia Orchestra would retain its legacy name and brand equity, while the venue and presenting side would relaunch as Ensemble Arts Philly, a new identity replacing the Kimmel Cultural Campus name. Made was brought on to design and build two new marketing websites, ensembleartsphilly.org and philorch.org, that would launch on the same day, against an aggressive nine-month timeline, and serve as the primary digital home for both brands.

Two brands. One organization. One digital ecosystem that needed to express each brand on its own terms while clarifying the relationship between them, and stay flexible enough for whatever came next.

Expressing the combined organization through the digital experience

The websites would be the first major touchpoint where the public saw both brands side by side and began to understand the relationship between them. The digital experience needed to do important work at scale: making the structure of the new organization legible to audiences through navigation, cross-brand wayfinding, and the moments where one brand hands a visitor off to the other.

Translating Ensemble Arts Philly’s new identity into a working website

Ensemble Arts Philly arrived with a freshly developed brand direction including wordmark, type system, and color approach. But a brand-new identity is one thing on a style guide and another thing on a live website serving real audiences. We needed to take that identity and figure out how it actually worked across hundreds of event pages spanning Broadway tours, family programming, jazz, dance, comedy, and presenting partnerships. Translating the brand from design system to working site was the real work.

Honoring The Philadelphia Orchestra’s brand equity and preparing for its evolution

The Philadelphia Orchestra is a name with more than a century of history behind it, and the existing brand carried real weight with audiences. There was no rebrand planned for the website launch, but the organization had told us one was coming, roughly a year out. That created an unusual implementation brief: build a site that fully expresses the current brand, while also being structurally ready to host a refreshed visual direction we hadn’t seen yet. The digital expression needed to be cleanly separable from the underlying templates and content architecture, so that a future rebrand could land without rebuilding the site.

Distinct expressions, one ecosystem

Each brand had its own established direction, and the websites needed to honor that. Ensemble Arts Philly is contemporary and broad-spectrum; The Philadelphia Orchestra is classical and focused. But both sites sat inside a single organization, and the digital experience needed to reflect that. Too unified, and the Orchestra would read as a sub-brand of Ensemble Arts Philly rather than a peer. Too separate, and audiences would miss the connection that was the whole point of the merger. The ecosystem needed to let each brand sound like itself while still operating as one platform.

We built one digital ecosystem with two distinct expressions sitting on top of it: close enough to read as a family, different enough that each brand sounds like itself.

A shared structural foundation

Both sites run on the same underlying architecture, with shared page templates, the same content management system, consistent information hierarchy for dates and venues, and the same button and navigation logic. That structural foundation is what made it possible for the two brands to express themselves differently on the surface while behaving as one digital ecosystem underneath. It also gave the internal teams a single model for how content works across both sites, which mattered for the small group of staff responsible for keeping both properties moving.

Cross-brand wayfinding built into the experience

Both sites carry a persistent cross-brand link in the top right of the navigation. Ensemble Arts Philly users see a link to The Philadelphia Orchestra, and vice versa. It’s a small piece of UX, but it does a lot of work. It tells audiences that crossing between brands is normal, expected, and easy, and it operationalizes the merged organizational structure in a way that no banner or homepage announcement could sustain at scale.

Translating the Ensemble Arts Philly identity for the web

We took the Ensemble Arts Philly brand direction and worked through what it needed to do across the full range of programming the venue presents. The result is a digital expression that uses saturated, full-bleed color treatments paired with image crops and the brand’s geometric sans-serif typography. The system can shift from a children’s show to a Broadway musical to a jazz set without losing its voice. Each event gets to claim its own color and atmosphere, while the underlying visual grammar stays consistent.

Translating The Philadelphia Orchestra identity for the web

For philorch.org, we worked from the Orchestra’s existing visual vocabulary, including the serif wordmark, restrained typography, and a warmer, more editorial palette. We translated it into a web environment that suited the gravitas of the program. Layered geometric shapes in muted oranges, blues, and yellows provide visual interest and accent without competing with the orchestral content itself. The two sites read as distinctly different brands: one contemporary and broad-spectrum, the other classical and focused. The structural skeleton underneath, including page templates, information patterns, cross-brand link, and component library, is the same.

A digital expression built to absorb a rebrand

Knowing The Philadelphia Orchestra rebrand was on the horizon, we built philorch.org so that brand expression (colors, typography, image treatments, decorative elements) could be updated independently of the templates, components, and content architecture underneath. The site’s digital structure was designed to outlive any single brand expression that sat on top of it. When the new brand arrived a year after launch, the underlying site was ready to receive it, and the organization’s investment in the website itself carried forward intact.

One ecosystem, two voices, a wide range of programming

Few performing arts organizations cover the programming range that Ensemble Arts Philly does, from touring Broadway one week to family programming the next to jazz the week after, while also being part of an organization that includes a world-class orchestra. The digital ecosystem we built had to absorb all of that without looking generic in any one context. We solved it by putting the system’s strength in its bones (typography, structure, component behavior) and letting color, imagery, and content do the work of distinguishing one brand, one show, or one programming stream from another.