UI Production Director

Microsoft

One of the unique challenges of the Recall app launch was creating visuals that would be displayed on a massive 50-foot screen. To address this, we spent a considerable amount of time at the Microsoft production studios, figuring out the best dimensions for video clips, UI elements, device renders, and gradients to ensure they looked perfect on such a large display.

Initial Exploration:

  • Reference Video: Filmed a reference video on my cellphone to capture our progress and insights, highlighting the meticulous planning and experimentation required to achieve the best visual outcome for the stage presentation.

Concept Development:

  • Initial Concept: The initial concept involved having the talent walk out on stage with their timeline building out behind them, aiming to create a dynamic and engaging introduction to Recall.
  • Text Prompt and UI Adjustments: Focused on showing a text prompt being typed out, transitioning into the Recall UI. Adjusted the UI to facilitate the 50-foot screen, including a person reference for sizing purposes.
  • Script Integration: Used a portion of the script to shape the narrative and visual style, providing a clear direction for the final production.

Pivot and Adaptation:

  • Board-o-matic: Created a quick board-o-matic to visualize a new direction after a script change. This was essential in adapting quickly and effectively to new requirements.

Pivot and Adaptation:

  • Quick Animatic: Developed a rough cut to establish the pacing and flow of the visuals.
  • Animation Refinement: Further refined the animation using a temporary audio track to ensure a smoother flow.

Final Adjustments:

  • Temporary Recording from Yusuf: Incorporated Yusuf's recording to finalize pacing. This version was crucial for review, leading to feedback on UI size adjustments and overall polish.
  • Pre-Event Polished Edit: Completed a polished version before the event, incorporating all feedback and adjustments to ensure readiness for the final presentation.

Event Execution:

I recorded two additional videos in the event space. The video on the left was recorded on the Friday before the event, and the video on the right was recorded during the event, which was an incredible experience to attend.

Event Demo
It was my opportunity to see how our animation would appear on the big screen and on camera. After reviewing this with the events team, I realized that I needed to minimize the video movement because it appeared too abrupt. Additionally, the team requested that we divide the video into two parts to facilitate easier transitions from an intro clip to an outro clip. These adjustments ensured a seamless presentation.

 Event Day
Witnessed our work displayed on the big screen. Despite some timing mismatches due to lack of rehearsal, the video looked and sounded fantastic. This experience provided valuable insights for future presentations.

These iterative edits and strategic decisions were essential in fine-tuning the visual and audio elements, aligning them perfectly for the final stage presentation. The Recall app launch was an incredible opportunity to demonstrate the app's capabilities on a grand scale, and it set a new standard for our stage animations.

Director - Patrick Flaherty
Assistant Director - Daniel Escolin
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 - Gap Yossanun
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

Alamo DrafthouseGraphic Designer, Animatior, Director & Producer

Meet the new Surface Laptop Go 3UI Production Director

Meet the new Surface Laptop Studio 2UI Production Director

Introducing Copilot+ PCsUI Production Director, Asst Director & Producer

Meet the new Microsoft Surface ProUI Production Director

Introducing RecallDirector, Producer, UI Production Director

Introducing Surface Duo 2Motion Graphics Designer

Introducing Surface Pro 9UI Production Director

Introducing Surface Laptop 5UI Production Director

Introducing the new Bing in WindowsUI Production Director

Introducing Windows CopilotUI Production Director

Introducing Windows 11Motion Graphics Designer

Make AI simple with AdobeDirector, Producer, Animator & Editor

Introducing Project VolterraMotion Graphics Designer

Adobe | Welcome to SummitDirector & Producer

Introducing Surface Laptop StudioMotion Graphics Designer

Microsoft ListsPost-production Supervisor

Microsoft FormsPost-production Supervisor

Canon EOS R5 & R6Editor & Animation

Oblivion Interactive DisplaysAnimation, Producer & Director

International Rescue CommitteeGraphic Design, Animation, Director & Producer

ExamityAnimation, Director & Producer

United WayEditor & Animation

It’s Not ComplicatedDirector & Producer

Jennie Garth - The Eye SolutionDP, Producer & Editor

Microsoft | Modern WorkplacePost-Production Supervisor & Editor

Four Nights in DecemberProducer, Director, DP & Editor

Alcon - Training VideosDP, Director, Producer & Editor

Alcon - Talking Heads & InterviewsDP, Director, Producer & Editor

2020 Stoke Holiday CardAnimation & Director

Advanced Motion MethodsAnimation & Director

Build | Microsoft 365 Intro and OutroPost-production Supervisor

Ignite | Security IntroPost-production Supervisor

Ignite | Teams Intro & OutroPost-production Supervisor

Alcon TVProducer, Director, Editor, & Animation

Alcon Live MeetingsProducer, Director, Editor, & Animation

InvasiveProducer

Microsoft Lists | We got thisPost-production Supervisor

Microsoft PlannerPost-production Supervisor

Microsoft ProjectPost-production Supervisor

Cinema 4D BasecampArt, Animation & Graphic Design

Quarantine 2020Graphic Design, Animation & Director

70 Years of AlconAnimation, Director & Producer

Chuck NorrisGraphic Design, Animation, Director

Live BallotGraphic Design, Animation & Director

Architecture & Nature AcademyGraphic Design & Animation

RotoscopingAnimation

Make Great ArtGraphic Design, Animation, Director & Producer

SystaneAnimation, Director & Producer

Azure Active Directory + Dropbox BusinessPost-production Supervisor

Power BI | Microsoft TeamsEditor & Animation

35 DentonCamera Operator, Producer & Editor

David Crosby & Snarky PuppyCamera Operator, Producer & Editor

DCTA Ribbon CuttingDirector, Producer & Editor

Department of Energy | SWAP 4Editor & Animation

Live From DansDirector, Producer, DP & Editor

#LiveInColor 5KDP, Producer & Editor

Leukemia TexasDP, Director, Producer & Editor

© 2024 Patrick Flaherty
View