Olympics / Sporting News / NBC Sportsworld / NHL / Premier League / Antone’s
Premier League Live Streaming Graphic Stats Product
Functionality and visualizations include real-time player and match statistics; navigable Play-by-Play text synchronized with the video stream; fantasy news from RotoWorld; and live tables that provide real-time league standings. In addition, every goal, every red card and every key moment are quickly available to viewers via the redesigned Key Events bar.
The replay experience is spoiler-free, as all relevant statistics provided by the new graphics are synchronized to the video.
The UX/UI, design, and build was as much an individual process as it was a team effort. Starting as a group think meeting between internal steakholders, determining a list of product requirement and a schedule of project progression. After departing the group, research on gameplay and staticical data was sone. I then designed a series of wireframes (Figure A) to determine the product’s layout, interacion spots, gameplay scenarios and staticical data. After wireframe approvals, the creation of graphics began to develop a look and feel to the interface. The same panels mapped in Figure A are shown on Figure B fully designed. Figure C shows those elements properly placed within the wireframed layout. Figure D is illustrating sponsorship locations and background break points. Showing these breakpoints to sales & advertisers informs them for advertisement value. Figure E is a screenshot of the live product. The bottom of Figure E is also showing the custom social element. A realtime update of the events’ twitter feeds. A woodgrain was used as part of a custom background, inspired by the English pub signs. With a darker background, lighter font colors were themed too. The live streaming product was coded together by a third party, in Denver CO. All the graphic material, from my design process, was chopped up and delivered to the contracted development team. The bulding process was a separate collaboration, creating a build timeline and with that a deliverables timeline. Ater the completion of the product, graphic support continued for tweaks, updates, and advertising support.
CLICK TO ZOOM