YouTube Culture & Trends Report

The lines between creative disciplines continue to blur, as do our personal and work worlds. Our designers, engineers, and producers solve problems outside of their prototypical responsibilities, weaving in their own personal experiences.

- Hook Team

Can you describe your project and the concept behind it?

YouTube’s first ever Culture and Trends Report highlights notable 2020 trends on YouTube. Drawing inspiration from the platform, we set out to create a video-driven website where the web UI serves to encourage exploration. Combining research claims, data visualizations, and content creator interviews and clips, this curated experience centers around the YouTube player as a window into the year.

What influenced your chosen technical approach, and how did it go beyond past methods?

In order to launch the site as closely as possible to the year end, we needed tools and a process that allowed designers and developers to work independently but in parallel on the production build. Ultimately, we developed a workflow passing between Procreate and Photoshop for the design assets, handing off to After Effects for the motion to be exported to a Lottie animation, and then dropping the Lottie container within the site architecture.

What web technologies, tools, and resources did you use to develop this?

HTML5, Lottie, Anime, LIT, and Redux.

When did you experience a breakthrough or an "a-ha" moment during this project?

The site features a linear experience that is curated and narrated by the YouTube Trends & Culture team. We set out to control the user’s experience by encouraging people to view the report from beginning to end. We intentionally omitted a navigation menu for this purpose. Instead, we allow users to jump back to the beginning of the experience by clicking the logo, and we provide a pagination counter to show them where they are in the experience.

How did you balance your own creative ideas and technical capabilities with a fair representation of the client’s brand?

Like many projects these days, we had a very aggressive timeline. This required us to work in a highly coordinated way across the creative and production teams. Content, video production, design and engineering all had to move in sync with each other, and with the client. To ensure everyone was aligned, we had frequent and recurring video chats with key stakeholders scattered across the country.

How did the final product meet or exceed your expectations?

We are proud of how the experience highlights a range of trends across regions and categories, in a completely new format. Our design approach in which the key art is decorated with doodles, provided a cohesive yet expressive personality, celebrating the creative spirit of these trends and cultural movements. The response from our client and audience of global influencers, advertisers and industry experts has been overwhelmingly positive.

Why is this an exciting time to create new digital experiences? How does your team fit into this?

The world feels more accessible. Voices that had been left out of the conversation are now being amplified. Anyone with an internet connection can access movements originating in other countries. Meanwhile, the lines between creative disciplines continue to blur, as do our personal and work worlds. Our designers, engineers, and producers solve problems outside of their prototypical responsibilities, weaving in their own personal experiences.

See More Projects

World AIDS Day 2020 - A National Conversation -

The National AIDS Memorial

World AIDS Day 2020 - A National Conversation -

View the Project
In Event of Moon Disaster

MIT Open Learning/Center for Advanced Virtuality

In Event of Moon Disaster

View the Project
Frontier Development Lab: Solving NASA’s Toughest Challenges with Google Cloud × Intel

MediaMonks

Frontier Development Lab: Solving NASA’s Toughest Challenges with Google Cloud × Intel

View the Project