Copilot is a proprietary content management system used by Condé Nast editors. One of the team’s primary missions was to create an application that allows editors to write once and publish anywhere. My role was the UX Lead. Deliverables included experience maps, prototypes, wireframes and high-fidelity designs.
Copilot is a proprietary content management system used by Condé Nast editors. One of the team’s primary missions was to create an application that allows editors to write once and publish anywhere. The digital landscape was evolving too quickly to build yet another system that allowed brands to just build web pages. Brands needed the ability to quickly and effectively create world-class content that is portable across different media.
I was the UX Lead for the team that built the application from the ground up. One of our goals was to help editors more efficiently produce image renditions required for responsive designs and an endless number of distribution channels.
The number of images that needed to be produced for one story was continuing to grow. One photo editor was cropping 300 images a day.
This project was a true win in that it took a complex, inefficient task and almost completely automated it saving hours of time for each photo editor every day.
The team developed the Vulcan and the Reaper:
- The Vulcan: a service that defines versions for your configured renditions or aspect ratios. By default, it crops top center. Vulcan is dynamic. If you add a new rendition tomorrow, it will backfill. It will automatically convert png to jpeg. It handles alpha transparency. If we detect an alpha channel, it’ll remain a png.
- The Reaper: The in-app cropping tool editors use to make decisions about crops made by Vulcan. If an editor never touches Reaper, Vulcan’s defined versions are used. If an editor uses Reaper to define the crop, Vulcan respects that editorial decision to update the version of that crop
Together, the Vulcan and the Reaper,
- Resulted in amazing visual presentation expected from Condé’s world class brands
- Good performance -- page speed + traffic
- Improved editorial efficiency, saving editors entire days of production work
- Prepared the brands for the future -- No longer defining images by pixels but rather by aspect ratios
As the UX Lead, I kicked off discovery with a discovery sprint. There was a 100% committed, multidisciplinary team in place and ready to get started.
Before the sprint, I conducted a design audit, a competitive analysis and worked with our research coordinator to schedule user interviews. The product manager and engineering lead researched technologies and came prepared to discuss opportunities and risks associated with different approaches.
A few surprises were uncovered:
- A few people were handling the majority of images.
- The problem space was slightly bigger. Beyond cropping, photo editors also spent a lot of time searching for images in Copilot, adding metadata to photos and adding credits to photos. There were also a lot of additional fields on the photo page that were not important.
- “The BIGGER problem is being able to delete.” Editors also could not delete photos which was a problem for various reasons including legal reasons.
We used what we learned in the discovery sprint to create a story map and write user stories.
Crazy 8’s and Zen Voting
Then, I facilitated sketching sessions based on the user stories. A cross-functional team came together for the workshops.
We still had questions we wanted to resolve before moving forward.
- Do editors value control over cropping to automation?
- What information will help editors better organize images so they can find them later?
We were also torn between two approaches:
- Allowing editors to first set a focal point; then create image renditions based on the focal point.
- Always creating the image rendition with a top center focal point and allowing editors to adjust if needed.
We took low fidelity concepts to the editors to get these questions answered.
The reaper: embedded in the media bar, a feature that would allow you to easily edit image crops using a focal point or manually crop images you upload right from the reaper media editor.
We were able to uncover that the best path forward was to automate rendition creation with a top, center focal point. This covered most use cases given the lifestyle brand's focus on fashion and food photography.
Laura Cochran, UX Lead
Laura Carroll, UX Researcher
Gustavo Medina, Engineer
Ann Kim, Engineer
Christina Kung, Engineering Lead
Nadia Rivadeneira, Product Lead
My passion for human-centered design and ability to merge human factors with business considerations allows me to make significant contributions as a design leader and partner to product, engineering, data and marketing teams.
Together is better than alone.
Embracing collaboration over working in isolation not only enhances productivity but also enriches personal and team development. This is particularly evident in the realms of research and design, where shared insights and creativity can lead to extraordinary outcomes. Let’s celebrate the power of teamwork!
Balance autonomy & alignment.
My aim is to illuminate the path the company intends to take, empowering the team to align their priorities and plans accordingly. I wholeheartedly champion autonomy and creativity within our cross-functional teams.
Enriching your circle with individuals who offer diverse perspectives can significantly enhance your abilities as a researcher or designer. This diversity, stemming from our collective experiences as a team, is a treasure trove of insights and ideas.
This is the glue that holds us together. Human-centered design puts people at the center of everything. It doesn’t matter if you are designing for a stakeholder, colleague, user, buyer, merchant or any number of other descriptors. What is important is that you stay grounded in human factors throughout the design process.