Skip to main content
Rationale:The Design Practice of Matt Hanson
Back to work
08/ 09ERA · DIRECTOR2015 — 2017

Viacom

Mixed-reality and large-canvas interactive at Viacom’s Times Square headquarters. Director, Screen Content.

01

THE WORK · 4 PROJECTS · 2 YEARS

Mixed-reality and large-canvas interactive

Four projects in two years across Viacom’s Times Square headquarters and one White House lawn. Mixed-reality, real-time playback systems, and large-canvas interactive work — designed and architected together, software through fabrication.

Viacom · Past Present and Future installation
FIG. 01Past Present and Future · 84-inch transparent touch display, mixed-reality lighting, and a Pepper’s-ghost diorama
02

THE SCREENS · REAL-TIME PLAYBACK

The system that powered the building

The Screens — a real-time dynamic playback system that powered the brand IDs throughout Viacom’s Times Square HQ. Tag-based content routing fed live social feeds into the displays alongside curated brand content, refreshing in real time across the building’s lobby, conference rooms, and floor edges.

Designed and architected the playback system together — software, content tooling, and physical install — so the system was authored by the brand teams who would use it, not engineered around their inability to.

FIG. 02 · Screenies · little animated characters fired out of a cannon · the system’s signature pre-roll

FIG. 03 · The Screens · live playlist · click to cycle categories

ALL01/06
▸ click to cycle
03

PAST PRESENT AND FUTURE · CODENAME HYPEBOX · 2016

84 inches of mixed reality

An 84-inch transparent touch display, layered with mixed-reality lighting and a Pepper’s-ghost-style diorama behind it. Officially the “History of Viacom” installation — visitors interacted with the screen and watched physical models behind it light up in response.

Six chapters and twenty “magic moments” of Viacom’s company history, acquisitions, and cultural touchpoints. The build pulled together video pipeline, lighting design, fabrication, and touch UI — a complete physical-plus-digital experience at one piece of furniture’s scale.

FIG. 04 · THE HISTORY OF VIACOM · case-study film

Featured in Motionographer · making mixed reality, behind the scenes

The finished install

Past Present and Future finished render with content
FIG. 05THE HISTORY OF VIACOM · finished render with content populated

The system · empty wall, chapter taxonomy, color sets

Empty Past Present and Future wall render
FIG. 06The wall before content · 84-inch shelving render
Chapter taxonomy storyboard
FIG. 07Chapter taxonomy · acquisitions, launches, hits, awards, fandom, achievements, pro social
Color set palettes
FIG. 08Color-set palettes · five sets mapping to grid positions

The production · physical maquettes feeding the digital build

Production wall with all chapter briefs
FIG. 09Production wall · master guide + 24+ chapter design briefs
Cardboard maquettes on a desk
FIG. 10Maquettes · cardboard chamber prototypes
Save The Music horn maquette
FIG. 11Save The Music · physical horn maquette
Single Ladies Beyoncé 3D-printed maquette
FIG. 12Single Ladies maquette · 3D-printed Beyoncé figure for the BET / VMA chapter

Physical → digital · the Save The Music chamber

Save The Music design doc
FIG. 13Design doc · top view, model notes, design ref, animation brief
Save The Music final render
FIG. 14Final render · chrome music sculpture in a pink chamber

The install at scale

Installation dusk lighting
FIG. 15Installation · dusk lighting state
Diorama detail
FIG. 16Pepper’s-ghost diorama detail
Magic-moment activation
FIG. 17Magic-moment chapter activation
04

OUTRAGE MACHINE · TIMES SQUARE · NYU ITP

The largest canvases

A real-time playback system on Viacom’s largest Times Square billboards, developed in collaboration with students at NYU’s ITP program.

Live data drove dynamic visual treatments at street scale — the largest canvases I’ve ever shipped to.

Outrage Machine billboards
FIG. 18Outrage Machine on Viacom’s Times Square billboards

Adjacent to the production work, I represented Viacom on the Times Square Alliance — sitting in on industry conversations about digital signage standards, content policy, and the shared rules governing one of the densest collections of programmable urban surface in the world. The day job was shipping to the canvas; the side seat was the policy layer around it.

05

MTV OPEN YOUR EYES · WHITE HOUSE · 2016

Tilt Brush at South by South Lawn

A Tilt Brush VR art show staged at the White House South by South Lawn (2016). Worked with artists creating in VR; their work was displayed alongside lenticular-print companion pieces created from the VR captures.

Painting in Tilt Brush at the White House South by South Lawn
FIG. 19South by South Lawn · painting on the South Lawn of the White House in Tilt Brush

FIG. 20 · SXSL artist captures · Tilt Brush · live playlist

SXSL01/01
▸ click to cycle
06

COMPOSITION VI · COLLABORATION

Composition VI

A long-form generative composition piece for the Viacom HQ environment, made in collaboration with Higa Fox and the Hardwork team. Live-data driven, multi-screen, designed to read across the building’s glass and the surrounding street.

Composition VI · generative multi-screen at Viacom HQ

07

ARCHIVE · VIMEO SHOWCASE

More from the era

A historical Vimeo showcase — pieces from across the era, including reels and installation captures.

iframe → vimeo.com/showcase/3617561open on Vimeo

08 / 09 · END OF CHAPTER

Continue → Studio Era