Ustream

  • Year of release — 2011-16
  • My roles in the project — Brand & UI design, prototyping

Live broadcast, record, publish, manage, and measure all from a single integrated platform. Produce live streaming and on-demand video that can be embedded on a website, hosted on an included channel page or shared over a social network for added engagement.

Web typography, colors and icons

Web typography: H1, H2, H3, H4, Paragraph text stylesPrimary colorsSecondary colors and color pairingsText and background colorsUstream 24px icon font — icon selectionIllustrative icon picks from 50+ icon collection

Ustream.tv website

HomepageViewing experience — channel pageAssorted product landing pages with the applied styleguideAssorted article pages with the applied styleguide

Mobile app design

App iconUstream for iOS: assorted screensUstream for Android: assorted screens

“We use Ustream to deliver monthly livecasts to thousands of live viewers and it has worked flawlessly every time. The video image quality is the best we’ve seen and just works!”
Travis Shields — 5 stars review

Embed player design

HTML Embed PlayerPlayer elements and guidelines

Ustream Annual Report 2013

An interactive review of 2013's top broadcasts, breathtaking moments and live streaming statistics. Winner of Awwwards Site of the day — February 25, 2014

“In 2013, Ustream built a fantastic annual report using parallax scrolling. By controlling the pace of scrolling and adding in plenty of on-trend design features (flat design, pastel shades, mixed typography, etc.) they create a fun and engaging story to for their readers. Plus, they have a bar to track progress (always handy with parallax scrolling) and easy sharing for a truly awesome user experience.”
Movableonline — 9 beautiful digital annual reports

Next
Sketch