Warner Media
Prototyping a new video on demand feature for HBOmax
With Heywood & Sons for Warner Media, 2020
HBO Max was the hottest SVOD platform released in 2020. Just as the global pandemic hit, Warner Media commissioned, Heywood & Sons with the production of a new feature prototype to use in user testing.
This was my third project since joining the agency as a contractor Product Design Lead, in the spring of 2020.
This was my third project since joining the agency as a contractor Product Design Lead, in the spring of 2020.
Responsabilities
Define the scope of the test and prototype possibilities
Alignment and collaboration between teams
Feature definition, user flows and ui design delivery
Coded prototype assistance and Figma prototypes build
Due to NDA agreements images in this article are limited, some texts, icons and labels have been modified.
Project Definition
What do we want to learn?
This question was the central element of the project definition. Considering we where building a market fit validation prototype, spotting the expected learnings was the key to success.
Defining three hypothesis, target audiences and test markets set the scope of our deliverables.
Defining three hypothesis, target audiences and test markets set the scope of our deliverables.
Three main hypothesis to validate in tests
Proto-Personas defining user profiles
Test to run in three markets
Deliverables
Building test platforms to validate over the weekend in three different markets
In order to meet the test outcomes we agreed upon two deliverables of the platform.
On one hand we developed a fully functional coded prototype, that allowed independent testing over a 48 hour period.
On the other we created 3 versions of the same Figma prototype in different languages, to allow guided user testing.
On one hand we developed a fully functional coded prototype, that allowed independent testing over a 48 hour period.
On the other we created 3 versions of the same Figma prototype in different languages, to allow guided user testing.
Deliverable 1
A fully functional coded prototype.
A fully functional coded prototype.
Deliverable 2 Simplified 3x Figma prototypes.
User Experience
A new way to watch online content
Due to NDA agreements, details to disclose about the feature are very limited. In broad terms Warner Media’s innovation team spotted a valuable insight, then commissioned us to design a solution for it.
We drafted different user journeys, story boarded the test experience and prototyped it before building the final testing platform.
We drafted different user journeys, story boarded the test experience and prototyped it before building the final testing platform.
Simplified feature wireframe
Figma Feature Prototype
Final Design
A new feature mocked into the HBOmax platform
We developed an extensive UI Guide replicating the original HBOmax interface, described new components behaviour and defined tokens that allowed theming*.
*UI Design requirements from Warner Media specified the feature to follow the HBOmax look and feel, for internal validation, but also allow white-labling for user testing. In this presentation only the HBOmax version is shown.
Project developed at Heywood & Sons
Heywood & Sons, specialises in bootstrapping tech business ideas. Validating their feasibility and potential value and impact.
Heywood & Sons for Warner Media, 2020