Espial TV (2020)
Enghouse-Espial has developed an app called EspialTV (formerly known as Elevate), which is a cloud-based platform for Internet Protocol Television (IPTV).
I was part of the User Experience Design (UXD) Team, being responsible for creating several mock-ups and an interactive web prototype.
Web Prototype Mock-ups
Using Adobe XD, I created a prototype for a potential web version of EspialTV.
There was little to no documentation or designs for this website, so I created this prototype from the ground up, with a few rough notes to follow. Many iterations of the prototype were created and reviewed before finalizing.
This video quickly demonstrates the interactivity of the web prototype. Below are a few samples of the iterative wireframes created for the EspialTV web prototype.
Collapsed Guide > Present Time, Present Date
Expanded Guide > Present Time, Present Date
Player Mockup: Playing, Collapsed Player, CC/Subtitles Open
Player Mockup: Paused, Collapsed Player, Channels List Open
Player Mockup: Playing, Collapsed Player
Player Mockup: Paused, Collapsed Player, Details Open
Player Mockup: Paused
Player Mockup: Paused, Details Open
Player Mockup: Playing
Player Mockup: Paused, CC/Subtitles Open
Player Mockup: Playing, CC/Subtitles Open
Player Mockup: Paused, Channels List Open
Player Mockup: Playing, Channels List Open
Player Mockup: Playing, Hidden OSD
Additional wireframes created for Apple TV (APTV)
Using Adobe XD, the following wireframes were created for the EspialTV app for Apple TV. Design documentation for Apple TV (at the time) was followed to keep the designs of EspialTV consistent with the interface of Apple TV. Doing this ensures that the user is familiar with the layout, appearance, interface, and navigation of the application since it is consistent with the default designs within Apple TV.
There are several iterations and variations of pages and flows that the user may encounter during their experience, which is reflected in the various mock-ups.
