Tools: Sketch, Adobe Illustrator


ABSTRACT

During my first month at Apple, I was put in charge of redesigning the SP&O department's streaming platform, Webcast. Webcast is used to deliver relevant enterprise, consumer, and emerging tech-related streaming content to various audiences both internally and externally.

 

01 / UX GOALS

Address the outdated UI aesthetic, emphasize chat capabilities, and provide designs representing an intuitive and visually appealing streaming experience. 

 

02 / FORMER DESIGN

According to the team, Webcast hadn't been updated since the mid-2000s. When coming up with new designs, it was necessary that I keep the current foundational design, including: offline page, log in page, and streaming page with chat functions. 

03 / USER RESEARCH

I met with various internal Webcast users around Apple to find out which pain points were most necessary to address. The main issues were the outdated design, and lack of informative feedback when it comes to knowing the time of the next Webcast. 

 

04 / OFFLINE PAGE

The offline page is the page that appears when a user visits the Webcast website when no content is streaming. I wanted to make the design more inline with the actual content. The former design of webcast featured a red curtain as a homage to theater, and I wanted to keep that thought in mind during the redesign. I styled the new page based off of vintage off-air screens that could be seen on TVs back in the 1950s. I chose the final design based off of the current color scheme advertised by Apple TV.

05 / BUT WAIT...

While this page design sufficed for notifying users that no Webcasts are currently streaming, it didn't address the issue of when the next Webcast would be online. I designed a countdown page to inform people that the next Webcast would be coming soon. To be consistent with the vintage style with a modern twist, I designed this page to mimic a flip clock countdown.

countdown

 

06 / LOG IN

Beneath the dark, blurred countdown overlay lies the log in page. I updated it to fit the simple and intuitive design standards that Apple always seamlessly follows.

Login Page Design 1.png

 

07 / STREAMING DESIGN FIRST ITERATION

08 / SECOND ITERATION

After a design critique, the team decided that there weren't enough published recorded webcasts or information about upcoming webcasts in order to provide links to older recordings nor titles and descriptions of future streaming. We also decided that the chat feature was getting lost in the design.

09 / FINAL VERSION

The second iteration was supposed to be the final redesign of the platform, but we got notice that transition of having the "Ask Question" tab expand into a chat window was out of the scope for the current timeline. Thus, I had to redesign the page to have an embedded chat window that would be seen at all times. I wasn't content with what would look like a simple skinning of the former design, so I came up with something that would add more screen real estate to the livestream itself, while still emphasizing the chat window. This was the final design of the livestreaming page itself.