Across every device, the WWE Network had a very different experience. This resulted in a frustrated experience for new and existing subscribers, and increased maintenance cost for the WWE product development team. Our goal was to design a unified experience that made fans happier and was easier to maintain.
First, we distilled the Network down it's core components. We worked with Product to groom the elements that made up these components. Only the elements that that were crucial to the fan experience made the cut. These elements formed a new set of UI components.
We designed a map that defined the relationships between all the new components, and a matrix that detailed all the UX constraints by device. This system of components and constraints helped inform the experience across all devices.
Immediately, navigating, sorting and filtering WWE pay-per-views and shows became easier to use and more elegant. The playback experience evolved into a place where fans could discover and jump to related content. The biggest benefit of the design system is that it equipped the product team with a succinct vocabulary for discussing future product enhancements.