![](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/1621286736971-8XX3WT44XHQUVA8VNVHP/01_NYCB.jpg)
NEW YORK CITY BALLET digital redesign
As the creative director leading the re-design of the New York City Ballet, I wanted to honor Paula Scher’s original intent for this prestigious brand. Tension and drama. I began my process by reading Pentagram’s case study. Collaborating closely with the NYCB marketing and design team we used fashion forward photos of the dancers that were dynamically cropped, creating tension. Inspired by the natural movement of dance, the site subtly animated as the user scrolls.
![02_NYCB.jpg](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/e8f27651-e140-40c0-80e5-75fb84acc861/02_NYCB.jpg)
![05_NYCB.jpg](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/b668653b-785f-4aa5-8170-eb6173993e47/05_NYCB.jpg)
MAPPING IT OUT
After research and setting a creative direction codified in a brief, we collected artifacts and images filling a wall with inspiration. We organized according to style types, color, navigation, typography and images. Using post-its we discussed at length best practices, and considered different visual approaches such as bold use of color or typography.
SKETCHING IT OUT
One hurdle with this particular brand is there were various stakeholders who needed their content to be visible. Ticket sales are just as important as fund-raising and events are just as important as community outreach. We considered how and where modules would live on the homepage, those that were further down the page were “sticky” and follow the user down. This was a compromise we settled on, a module might not be the first thing a user sees, but it will be the longest thing a user sees. From here we moved into visual design and prototyping.
![03_NYCB.jpg](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/bf310962-53fd-4478-9622-700a3a431292/03_NYCB.jpg)
![04_NYCB.jpg](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/6a373ddc-9b90-4c63-bd54-2c5a95fd8705/04_NYCB.jpg)
![06_NYCB.jpg](https://images.squarespace-cdn.com/content/v1/6054c34a8f940b541d1cc70b/1df46ebe-0d45-46b8-aaa1-afbe6cdaee88/06_NYCB.jpg)