First Rule of Live Event Bouts: You Can Design Live Event Bouts

This project was a business directive that had a strict timeline. The company secured a huge deal for Ultimate Fighting Championship Live Events. Our content management system(CMS) for those events needed to accommodate the new programing. This meant reviewing the way operators import and create events.

Role Wireframing, Building Components, Prototyping, High fidelity mockups, User Flows
Collaborators Ryan Thigpen, Bernie Rosendahl, Justin Alonso, Joe Nguyen
Tools Figma, Jira, Confluence, Slack, Airtable, Token Studios, Github, VS Code, Notion
Teams Internal Tools, Live CMS, & CMS

summit-cms-ufc-1x25.jpg

Round 1: Participants

Before we could start to talk about event creation and operating these live events. We had to look at what details we would need for these specific occasions. Previously, we’d only worked with Team based sporting events and some award shows. This meant we had to create a whole new system to pull the data we would need for the Bouts. Thus Participants was created. I designed the UI based on info we would pull from the UFC API. Participants would be an ambiguous term that we could use in the event we took on Golf or even Tennis events.

Participant Designs included a new data base design, and new participant entry form.

Participant Designs included a new data base design, and new participant entry form.

Import-ant Part of the Process

After the Participant designs were finished and handed off to development. I started to piece together a user flow for the importing process. Most of the data our Management System houses gets pulled in from other sources. Being able to Import all the correct data and add it to the data tables is crucial for making a consistent stream from data-to-live footage-to-VOD files.

Throughout the process I had to take ambiguous ideas and information to turn that into user flows that were consistent with our design system. The designs had to follow the operators usual patterns.

For this project there were several constraints that limited or cornered my designs into particular flows. The list below is some of those issues that I had to take into account in order to provide the best experience for the operators.