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
Q: What influenced your chosen technical approach, and how did it go beyond past methods?
A: 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.Q: What web technologies, tools, and resources did you use to develop this?
A: 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.