UI Production Director
As the UI Production Director at Microsoft, I spearheaded the UI production for the Copilot+ PC announcement, highlighting Microsoft's innovative AI capabilities powered by the Qualcomm® Snapdragon X Elite chip. This video is part of a series showcasing Microsoft's AI initiative. My responsibilities included:
- UI Design and Animation: Designed and animated screens that featured key AI-driven experiences such as Recall, Cocreator in Paint, Live Translations, and Microsoft Copilot.
- Team Collaboration: Worked closely with the Art Direction team to ensure a cohesive and engaging visual narrative.
- Detail Orientation: Maintained meticulous attention to detail throughout the production process to deliver a high-quality video.
Our collaborative efforts resulted in a compelling video that effectively highlighted the versatility of the Copilot+ PC across various devices, including Surface Pro, Surface Laptop, and OEM devices from Lenovo, Samsung, Dell, Acer, ASUS, and HP. This project is connected to other videos in a series that my team worked on, including the Surface Pro, Surface Laptop, and Recall introduction videos. Our work illustrates our dedication to pushing the boundaries of AI technology to improve user experiences and drive innovation.
Microsoft
Given that this project focused solely on software rather than hardware, we aimed to create a video that highlighted AI stories enabled by the Qualcomm chip without featuring physical devices.
Cocreator in Paint Breakdown
One of the most challenging UI stories to tell in this project was the Cocreator in Paint feature. The concept of drawing and then letting AI create an image based on your sketches was particularly difficult to visualize. Here’s a detailed breakdown of the process:
- Initial Concept: Started with a pre-created art piece, added sketches, and transitioned to an AI-enhanced final image. This approach was not effective, prompting a rethink.
- Refinement Stages: Used the product more extensively to create more accurate representations, improving UI flow and pacing. Developed a 3D version, but found the UI too accurate and not aligned with the video’s fantastical tone.
- Final Adjustments: After several iterations and directorial guidance, I rebuilt the entire scene, refining it to effectively showcase the Cocreator feature.
This iterative process was highly creative and ultimately successful, resulting in a Cocreator scene that seamlessly integrated into our final sizzle video.
Windows Studio Effects Breakdown
Windows Studio Effects has been a recurring feature in our sizzle videos, starting with the Windows 11 update video and the Surface Pro 9 video in 2022 when we first introduced the features, as well as the 2023 video in which we introduced the Surface Laptop Studio 2. The latest updates leverage a stronger NPU, enabling new creative effects and further enhancements to reduce background noise and portrait blur. Here’s a summary of our process:
- Initial Concepts: Laid the groundwork for showcasing the different features, exploring various layouts and transitions to effectively demonstrate the new capabilities.
- Polishing Stages: Refined visual presentation and user interface, incorporating feedback for clarity and impact.
- Final Version: The culmination of our efforts, used in the final commercial sizzle video. It effectively highlighted the enhanced capabilities of Windows Studio Effects, showcasing creative filters, portrait blur, and automatic framing.
While the main sizzle video focused on other features, the commercial version emphasized Windows Studio Effects, demonstrating its advanced capabilities.
Microsoft Copilot Breakdown
Creating the Microsoft Copilot segment was one of the most complex tasks in this project. Here’s a detailed shot-by-shot breakdown of the key versions that led to the final product:
- Initial Concepts: Laid foundational ideas for Copilot with step-by-step scenarios and experimented with different versions to showcase various capabilities.
- Developing the Concept: Explored three key concepts: find, recipe, and analyze. Expanded these scenes further but found them too lengthy.
- Exploring Narration: Experimented with a voice-over track but revised the approach to focus on music, simplifying the UI for clarity.
- Transition to 3D: Polished the UI and started creating style frames in a 3D scenario, progressing through 3D development.
- Final Version: Showcased Copilot’s capabilities effectively, emphasizing simplicity and user empowerment.
The complexity of this piece was significant, but it served as the catalyst for the entire sizzle video. The iterative process and collaborative effort ensured that the final video was cohesive and compelling.
Director - Cisco McCarthy
Art Director - Melissa Kim
Producers - Emily Duarte, Ryta Karagodina & Justin Sund
Creative Director - Brian Townsend
Executive Creative Director - Markus Weickenmeier
3D Motion Designers - Ziye Liu, Danny Yoon, Gap Yossanun, Kyle Moore
3D Art Development - Wes Cockx
Art Design - Phoebe Hsu
Storyboard Artist - Alex Alvarado
UI Production Director - Patrick Flaherty
2D Motion Designer - Toliy Patel
UI Design - Piper Phan
Following the Copilot+ PC announcement, I created a commercial version of the video, targeting a broader commercial audience. My responsibilities included:
- Assistant Director and Producer Roles: Took on additional roles to tailor the video for a broader audience, focusing on the practical benefits for those purchasing a Surface or OEM device powered by the Qualcomm® Snapdragon X Elite chip.
- Feature Modifications: Modified features to better suit commercial use cases, such as replacing Cocreator with Windows Studio Effects and updating Live Translations.
- Commercial Focus: Emphasized practical AI-driven applications in professional settings, showcasing enhancements in productivity and streamlined workflows.
This commercial adaptation highlighted the real-world benefits of the AI-driven experiences, demonstrating our commitment to improving user experiences and advancing AI technology.
Microsoft
Director - Cisco McCarthy
Assistant Director - Patrick Flaherty
Art Director - Melissa Kim
Producers - Emily Duarte, Ryta Karagodina, Justin Sund & Patrick Flaherty
Creative Director - Brian Townsend
Executive Creative Director - Markus Weickenmeier
3D Motion Designers - Ziye Liu, Danny Yoon, Gap Yossanun, Kyle Moore
3D Art Development - Wes Cockx
Art Design - Phoebe Hsu
Storyboard Artist - Alex Alvarado
UI Production Director - Patrick Flaherty
2D Motion Designer - Toliy Patel
UI Design - Piper Phan
Selected Works










