Commentary Studio
Deliver a in stadium experience at home for the remote commentators all over the world
My Role
UX/ UI design, research, prototyping, usability testing
The Task
1. Create a digital home studio setup for remote commentators.
2. Deliver traditional style commentary experience
3. Redesign the current commentary studio without changing the technical workflow
Timeframe
8 Weeks
Summary
Company: Spalk
Team: Product Manager, CTO, Engineering Team
Outcome: Our team has revolutionized the world of remote commentary by creating a virtual commentary studio that includes all the traditional features of a physical studio. With the latest technology and advanced equipment, we have crafted a studio that offers high-quality live commentary.
"Unbelievable, I can sit in my bedroom and commentate on a live game"
"I like the talkback mode. I can talk to the producer in the stadium during the game without going on-air"
- Spalk Commentators
1.
Tools + Techniques
User
Research
Information Architecture
Understand
User-journey
Ideas gone WILD. During the research stage, we put together a lot of ideas to build the perfect virtual studio for commentary. Delivering a proper in-studio experience to our commentators was on main priority, why? because it's the same experience as watching a movie in cinemas and watching it in the phone. The energy level and excitement creates the experience for the viewer. We fixed all the pain points and build an entire studio with all the familiar controls that commentators are used to. Now more than 200+ commentators are using our virtual commentary studio for their live broadcasts.
Survey
25 questions
29 respondents
Interview
Interview with Commentators
1-on-1 with audio technicians
Interview with Producers
We had a great solution for syncing the audio with live events but commentators were confused about the workflow. All our commentators are experienced traditional commentators. They never experience a single screen commentary studio with a play button to go ON-AIR. Surveys and interviews gave us the right vision and direction to build the world's first virtual commentary studio
2.
Tools + Techniques
Wireframing
Prototyping
Testing
Wireframes allow us to focus on the user experience and how users will interact with the interface. This helps to identify potential problems and allows for changes to be made before the development process begins. We played around with all the different solution opportunities.
3.
Tools + Techniques
Inclusive design
Visual design
QA of build
