Apple TV

As the senior motion designer, I was responsible for establishing the UX motion, key art motion and visual choreography to deliver a premium, seamless viewing experience for ABC on Apple TV.

Hello.

Opportunity

The 4th Generation Apple TV unlocked a completely new set of animation and interaction capabilities that were not possible on any other platforms at the time. This unlocked sophisticated new animation capabilities, full screen images & videos, focus states, transitions and a layered UI. Our team was contacted by Apple and provided with pre-release units of the device. This early access allowed us to execute deep testing and precise motion choreography, resulting in a flawless, fluid experience that met Apple’s design expectations

This served as a public benchmark for what was possible, showcasing how sophisticated motion (ambient backgrounds, multi-layered parallax on key art, and seamless navigation choreography) could be applied at scale to transform a utility app into a cinematic and premium viewing experience.

Opportunity

The 4th Generation Apple TV unlocked a completely new set of animation and interaction capabilities that were not possible on any other platforms at the time. This unlocked sophisticated new animation capabilities, full screen images & videos, focus states, transitions and a layered UI. Our team was contacted by Apple and provided with pre-release units of the device. This early access allowed us to execute deep testing and precise motion choreography, resulting in a flawless, fluid experience that met Apple’s design expectations

Opportunity

The 4th Generation Apple TV unlocked a completely new set of animation and interaction capabilities that were not possible on any other platforms at the time. This unlocked sophisticated new animation capabilities, full screen images & videos, focus states, transitions and a layered UI. Our team was contacted by Apple and provided with pre-release units of the device. This early access allowed us to execute deep testing and precise motion choreography, resulting in a flawless, fluid experience that met Apple’s design expectations

Opportunity

The 4th Generation Apple TV unlocked a completely new set of animation and interaction capabilities that were not possible on any other platforms at the time. This unlocked sophisticated new animation capabilities, full screen images & videos, focus states, transitions and a layered UI. Our team was contacted by Apple and provided with pre-release units of the device. This early access allowed us to execute deep testing and precise motion choreography, resulting in a flawless, fluid experience that met Apple’s design expectations

My Role

Senior motion designer

Collaborations

Product design, Development & VPs

Splash animation

The splash animation consisted of sourcing materials from the on-air graphics and modifying it for an intro and a loop. I defined the intro to be set at a time of 5 seconds with an indeterminate loop at 5 seconds

To ensure proper implimentation, I parterened with develop to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

The splash animation consisted of sourcing materials from the on-air graphics and modifying it for an intro and a loop. I defined the intro to be set at a time of 5 seconds with an indeterminate loop at 5 seconds

To ensure proper implimentation, I parterened with develop to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

The splash animation consisted of sourcing materials from the on-air graphics and modifying it for an intro and a loop. I defined the intro to be set at a time of 5 seconds with an indeterminate loop at 5 seconds

To ensure proper implimentation, I parterened with develop to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

The splash animation consisted of sourcing materials from the on-air graphics and modifying it for an intro and a loop. I defined the intro to be set at a time of 5 seconds with an indeterminate loop at 5 seconds

To ensure proper implimentation, I parterened with develop to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

Show art guidelines

In order to ensure we did not jeopardize the visual quality of the experience, the implementation of a safe area during production was crucial. This approach guarantees that the animations enhance the user experience without compromising the integrity of the show's branding.

To ensure proper implimentation, I parterened with development to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

In order to ensure we did not jeopardize the visual quality of the experience, the implementation of a safe area during production was crucial. This approach guarantees that the animations enhance the user experience without compromising the integrity of the show's branding.

To ensure proper implimentation, I parterened with development to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

In order to ensure we did not jeopardize the visual quality of the experience, the implementation of a safe area during production was crucial. This approach guarantees that the animations enhance the user experience without compromising the integrity of the show's branding.

To ensure proper implimentation, I parterened with development to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

In order to ensure we did not jeopardize the visual quality of the experience, the implementation of a safe area during production was crucial. This approach guarantees that the animations enhance the user experience without compromising the integrity of the show's branding.

To ensure proper implimentation, I parterened with development to obtain local builds to be able to manually test each animation to ensure that there weren't any hiccups in the background loops.

Keyart reel

Having top-notch key art is a vital aspect of the show's publicity. It gets people excited about a show, but it also speaks to the quality of the production. The process starts with learning about the show: the plot, the themes and key visuals in the show. I want to get to the heart of what people love about the show band do it in a way that reflects the show's production value.

I crafted a over 40 engaging animated key art backgrounds for ABC to be used with ABC's online properties. Each animation was designed to not only capture the essence of the respective show but also to enhance the viewer's experience. I ensured that these animations were visually striking and aligned with brand aesthetics.