Facebook: Video Ecosystem

In 2014, Facebook sought to update all of its video players in order to incorporate new features and establish the Facebook Video brand. I worked with engineers, project managers, and other designers to create the visual and interaction design language of Facebook’s video ecosystem.

My involvement

I was responsible for designing and prototyping video players, interaction paradigms, and visual language that would be used within all of Facebook’s video products, including iOS, Android, web, embeds, and the 360° video player.

Project results

Shipped video players and interaction paradigms for web and mobile platforms that power billions of video views each day. Watch time and daily video views were increased as a result.

View project »

Facebook: Mobile Navigation

In 2016, Facebook’s leadership sought to address a problem with the product’s navigation system. There were dozens of new Facebook subproducts (Groups, Marketplace, Video, etc.) being added every year, but the existing navigation channels weren’t providing them with enough traffic to be successful. To remedy this, a new team called Product Distribution, led by myself and the PM Alexa Andrzejewski, was created to solve Facebook’s navigation scaling issues. In this project, I’m going to walk you through my process for solving an extremely complex series of system design issues, followed by the solutions I recommended to company leadership.

My involvement

I was the design lead for the team. I was responsible for problem framing, creating presentations, visual and interaction design, synthesizing research and quantitative data, and prototyping.

View project »

Facebook: Desktop Navigation

In 2015, I led a redesign of Facebook’s primary navigation for desktop. Through auditing, qualitative research, quantitative analysis, and thorough testing and internal communication, we were able to ship a redesign of a surface that had been largely unchanged for a decade while improving metrics significantly.

My involvement

I was the lead designer for the project. I was responsible for framing the problem in writing, synthesising research and quantitative data into hypotheses, interaction and visual design, and pitching my ideas to company leadership.

Project results

We reduced the number of bookmarks shown by 50% while increasing participation by 15%. The project shipped to all users on desktop and was later adapted to bring the same strategy to Facebook’s iOS and Android apps.

View project »

Facebook: Grid

In 2016, I designed Facebook’s first standardized and widely distributed desktop grid. In order to sidestep volatile metrics changes, I performed thorough audits, calculated solutions with exhaustive precision, and worked to convince internal teams of the project's efficacy.

My involvement

I was the lead designer for the project. I was responsible for framing the problem in writing, designing an array of solutions, and pitching my ideas to company leadership.

Project results

We implemented the grid across most surfaces within Facebook.com. We boosted ad revenue by 3% (over control) and created a template that standardized the dimensions of navigation, content, and ads throughout the product.

View project »

Vimeo: Video Player

Vimeo, one of the internet’s most beloved online video providers, serves several billion videos monthly. The Vimeo video player is used by independent creators and corporations alike to serve ad-free, HD video within a customizable interface. I was lucky enough to update the design and functionality of Vimeo’s beloved player in 2013.

My involvement

I was the lead designer for this project. I was responsible for all visual design, interaction design, drawing iconography, and some front-end development. Additionally, I was responsible for documenting the visual and interaction design of the player in a 20 page specification for the sake of posterity and institutional knowledge.

Project results

The new player shipped and, largely due to the new all HTML5 playback interface, increased video reliability while decreasing loading time. The new sharing functionality led to increased video views due to network effects.

View project »