WWE
Overview
Working with Massive Interactive we created TV and mobile apps for WWE. I was fortunate to work on this project from detailed design right through to the development phase.
This was a client facing role, working closely with the WWE team to acquire feedback and secure design approvals. The project was extremely technical as the apps were being built across a multitude of TV and mobile platforms such as; HTML TV, Roku, Android TV, Fire TV, tvOS, etc. All with their own unique limitations.
Client
WWE
Discipline
Senior / Pinciple UI Designer
TV app home screen
Superstars
Find out more about your favourite WWE superstar and watch their top moments.
Key final designs from the Superstars flow
Playback
A selection of key screens showcasing the playback function of the TV app.
Key screens showing the video playback designs
Player settings
We created many example prototypes for the client and the developers to reference. This examples shows the player settings transitions.
Sign in
A selection of key screens from the sign in flow. As a remote control is the input method the element in focus is highlighted in red throughout the experience.
Key screens from the sign in flow
TV Style Sheets & Components
The designs were created in Sketch and a comprehensive shared symbol library was created, which was shared with the developers and the client. This is an example of some of the elements created.
Snapshot of one of the style sheets created for the developers.
Native app and responsive web
Native apps and responsive web versions were also created, these are some of the key native app screens.
Key screens from the native app.
