[Sports]NFL

NFL Fantasy

Campaign spot for NFL Fantasy: game footage with scores, chat and lineups built into the frame.

ClientNFL

CategorySports, Social

DisciplinesEditorial · Design · Animation · VFX · Color · Sound · Finishing

StudioWorkprint

Inside the work

THERE ARE TWO GAMES HAPPENING AT ONCE.

NFL Fantasy

There's the football game. Then there's the football game happening in your hand.

Points change. Lineups change. A player suddenly matters because he's on your roster. A friend talks shit in the group chat. One catch changes the actual score, your fantasy matchup and three conversations at the same time.

That second layer is the world of NFL Fantasy.

The campaign brings scores, chat and lineups into real football footage. Workprint handled the work across editorial, design, animation, VFX, roto, color, sound and finishing, connecting the physical game to the information fantasy players are following alongside it.

The graphics have a role in the story. The football gives them a reason to be there.

Workprint: Editorial, design, animation, VFX, roto, color, sound and finishing.

01 / NFL Fantasy

BUILD THE TWO GAMES TOGETHER.

Live action already carries a lot of information: players, movement, the ball, a catch, a reaction. Add an interface and the viewer now needs to follow another layer without losing the first.

That's the central design problem. The information has to be readable, but it also has to arrive with the energy of the footage. Too much separation and the film starts alternating between football and an app demonstration. Too much happening at once and neither is clear.

Editorial gives the sequence its progression. Design establishes what matters inside the frame. Animation controls how the interface joins the action and when the audience's attention moves.

The work comes from making those decisions in relation to each other. A graphic that looks right in a still has to hold up once the player, the camera and the rest of the layout are moving.

02 / NFL Fantasy

THE ROTO IS PART OF THE IDEA.

There's a lot of hands-on craft underneath a frame that feels simple.

Rotoscoping separates players from their surroundings so the footage can be treated as layers. That gives the composite control over the relationship between an athlete and the graphic world: what sits in front, what can pass behind and where the eye should stay.

The extraction has to hold through real football movement. An edge that calls attention to itself breaks the sense that the pieces belong together. The animation then has to make use of that space without overwhelming the performance that made the shot useful in the first place.

This is why roto, design and compositing belong in the same creative account. They are how the interface becomes integrated with the football rather than feeling detached from it.

The finished frame may move quickly. Getting it to read that quickly takes deliberate construction.

03 / NFL Fantasy

THE INFORMATION HAS TO ARRIVE LIKE A STORY BEAT.

A fantasy score means something because a player did something. A lineup makes a particular athlete relevant. A chat message adds the social layer around what just happened.

Those relationships give the graphics timing. Information can set up an action, respond to it or change the way we understand it. It doesn't need to sit on screen continuously to be useful.

The campaign brings the live game and the fantasy experience close enough that they feel like parts of one event. That's where the product becomes understandable: in the connection between the play and the response it creates.

The viewer should recognize the experience before needing to study the interface.

04 / NFL Fantasy

VISUAL HIERARCHY IS A CREATIVE DECISION.

The touchdown, the player, the score and the message can't all be the most important thing at the same instant.

Hierarchy gives the sequence a point of view. Size, placement, duration and motion determine which piece of information arrives first and what can wait. The edit supplies the larger rhythm; the graphics create another rhythm inside the shot.

That is where design can do more than decorate an approved cut. It can make a moment clearer, give an action a consequence or turn information into a reveal.

Sound and finishing then carry the same priorities. A digital interaction needs to register without making every animation compete with the game. Color and compositing need to help the live action and the designed elements sit together.

There is plenty of visible motion in the result. The useful achievement is that the viewer still knows what to follow.

05 / NFL Fantasy

WHAT THE JOB ACTUALLY PROVES

NFL Fantasy shows the full range of craft involved in making editorial and interface design work together: selecting and structuring football, building the graphic language, animating it, isolating players and finishing the combined image.

That is relevant to any campaign where a digital product has to live inside a human activity. Apps, fitness platforms, financial tools and automotive interfaces all face a version of the same problem.

06 / NFL Fantasy

WHAT THIS MEANS FOR YOU.

If the interface is part of the idea, give it a place in the conversation while the film is being built.

We'll work through the editorial, design and compositing together so the information has room to be useful and the footage still gets to do what makes it compelling.

The audience came to feel the experience. The craft should make that easy.

Next projectThe Tourist →