Meta Quest 3S:
Launch Film


︎Role: Art Direction / Design
︎Year: 2024
︎Produced at The Mill

One of my latest projects at The Mill—a dynamic product launch film for the Meta Quest 3S! We combined live-action footage, sleek product renders, and playful type animations to create an energetic showcase of the MQ3S.



The Headset





‎ 


︎︎︎Product Renders





Type Motion System


‎ 

‎ ‎ ‎
Creating the type motion language for this campaign was both a fun challenge and a learning experience. We started by exploring a wide range of approaches to make typography feel dynamic—experimenting with motion, scale, and interaction—to seamlessly complement both the live-action footages and 3D renders.

With so many moving parts—various live-action shots, 3D renders, and effects—we needed a clear framework to unify the typography. I helped develop a set of motion principles that ensured the type felt intentional, polished, and never distracting from the story. The goal was to strike a balance: bold and energetic, yet structured enough to enhance clarity. Keeping these key points in mind, we crafted type animation that not only tied everything together but also amplified the campaign’s playful and immersive feel.

As the art director, I focused on making the film vibrant and fun, bringing the headset’s features to life in a fresh, exciting way. Our goal was to push beyond the usual MQ spots, creating a launch that felt more youthful and engaging for a younger audience.


︎︎︎Final key moments






︎︎︎Early Explorations
We explored multiple directions before refining the final look. Here are some early concepts that did not make it in the final project, but helped shape the final design. Here are some of the early designs below.








Google Android:
Wow Factor


︎Role: Art Direction / Design
︎Year: 2024
︎Produced at The Mill







 


Key Moments
with UI


























Pepsi X Regal 
Unforgettable Quotes

︎Role: Art Direction/Design
︎Year: 2023
︎Produced at The Mill







Pepsi and Regal teamed up to create a fun, engaging pre-movie experience, blending live-action cinematography with kinetic typography. Crisp, close-up shots of Pepsi and popcorn—enhanced by dramatic lighting and motion—make every moment enticing. The typography plays out like an interactive trivia game, playfully shifting through variations of famous movie quotes before the final reveal. Designed to entertain and engage, this piece enhances the theater experience while seamlessly tying into the excitement of moviegoing—just in time to sip a soda and enjoy the show.






Developing
Type Animation


‎ ‎ ‎ 

To bring the trivia game to life, we pushed the creative potential of Pepsi’s brand font while staying true to the brand guidelines. By mixing condensed, regular, and extended weights, we created dynamic movement, using shifts in weight to emphasize key words—guiding the eye like a sing-along karaoke. Some words fluidly expanded and contracted, keeping the animation bold and full of energy.





Visual Language for the Big Screen


‎ ‎   

The rhythm of the animation was essential. We wanted the pacing to feel exciting and snappy while ensuring viewers had enough time to read each line and anticipate the next reveal. Striking the right rhythm kept the sequence engaging without feeling rushed.

Balancing graphic elements with the Pepsi brand was another key challenge. We wanted to keep it dynamic while staying within brand guidelines, experimenting with imagery and motion to add a wow factor. Through rounds of refinement, we found the sweet spot between fun, high-energy motion and brand cohesion, keeping audiences captivated from start to finish.





︎︎︎ The circular motif is a big element in Pepsi’s branding, often appearing as radiating rings or patterned dots. For this project, we adapted the motif into bold, thicker rings, allowing us to incorporate footage within them. During the final trivia reveal, these rings animate outward, celebrating the correct answer while dynamically framing it. The multiplied rings also serve as a mask, revealing textured footage of Pepsi or popcorn, adding depth and richness to the moment. This visual cue not only reinforced the branding but also made the final answer impossible to miss, ensuring a satisfying payoff for the audience.





Early Design Exploration

‎  

Before landing on the final design, we explored a range of visual approaches to bring energy and excitement to the piece. These initial pitch frames helped shape the direction, refining how typography, motion, and Pepsi’s brand elements came together. Here are some of the frames I created during the early design phase.












Meta Quest 3S
Social Campaign

︎Role: Art Direction/Design
︎Year: 2024-2025
︎Produced at The Mill








Social Campaign



Following the success of the Meta Quest 3S launch film, The Mill was invited to expand the campaign into social.

Keeping that same high-energy, playful approach, we crafted a series of social-first videos to showcase the diverse experiences MQ3S offers.



︎︎︎01

︎︎︎02


︎︎︎03

︎︎︎04



01 Breadth






02 Airplane





03 Entertainment





04 Gaming












Facebook (Meta)
Shop

︎Role: Art Direction
︎Year: 2021








Quiz Ad


Interactive ‘Quiz Ad’ for Facebook users to play and get gift suggestions for holidays. 




Energetic
Modern
A Touch of Weird
Holiday Hectiness








︎︎︎Intro Animation



︎︎︎ Intro Design Exploration








︎︎︎Quiz 01 





︎︎︎Quiz 02  




︎︎︎Quiz 03




︎︎︎How It’s BuiltDuring the design process, we learned that the product had technical boundaries that the videos could not be clicked, and that we could not place a button directly on top of a video. So we worked around the problem and found footages that had the top or the bottom portion of the video stay static, so we could seamlessly hide the fact that the content was split in two different file formats without making it noticable. 

The animated portion is a looping mp4 to showcase the cute animation we created to highlight the footages. And the button was designed to look like it is sitting on top of the footage so the users can click the image and be directed to the next slide.




















©Hana Eunjin Yean



Wednesday March 5 2025