US BANK TOWER

Skyspace
Immersive digital interactives

Tag-PD-AD-2

My Role

As the lead visual designer and art director for the three exhibits, I played a critical role in bringing the project to life. I was responsible for creating detailed proof of concept 3D models and 2D animations that effectively communicated the project's vision to the client and development team. I was in charge of ensuring that the final visual designs were in line with the project's goals and objectives, as well as ensuring that the designs were visually impactful and engaging for the visitors. My role involved leading a team of designers and developers, and making sure that the final outcome was cohesive and polished. With my expertise in visual design, I was able to guide the project from concept to completion and create a truly memorable experience for the visitors.

Skyspace
360° Landscape

The 360° Landscape is a 50-foot by 30-foot interactive projection-mapped space that immerses visitors in an abstract representation of the topography of Los Angeles. The ellipse features a specialized video mode that can play custom-produced content at resolutions up to 11,520 x 1,200, synchronized across two walls.

Technology

The 360° Landscape uses Kinect sensor technology to detect the presence and proximity of visitors and present them with animated illustrations of different locations in the Los Angeles area based on where they are standing.

Attraction

The 360° Landscape features a custom-fabricated railing that hides a collection of LEDs that animate as visitors approach, drawing them toward the projection. As visitors move around the space at their own pace, they can discover playfully-animated graphics for points of interest that are visible from the top floor by "cracking open" each gem.

Skyspace_hero-1
Skyspace-Portfolio-Img-02

My Role

I was responsible for designing the overall aesthetic of the environment, sourcing and overseeing the illustration work, and animating the illustrations. Using Cinema 4D, I built the environment in 3D, and also created maps for the placement of the illustrations.

Visualizing the Space

Based on Gensler's architectural drawings, I created a rough model of the environment. This helped us get a sense of the overall feel of the space before ever seeing it.

Mapping the Landmarks

The Challenge
The challenge we faced was to accurately depict the landmarks in our virtual landscape from the tower's viewpoint, despite the absence of windows in the space and the fact that many of the landmarks were either too distant or obscured by other structures or mountains to be visible from the tower.


My Solution
My solution was to ensure that all of the illustrations in the virtual landscape corresponded to their actual locations. Utilizing the coordinates of the US Bank building and the orientation of our installation, I used Google Maps to determine the position of each landmark and depict them visually.

Skyspace-Illo-Layout-Test-001

The mockup I used to show the location of the landmarks and coordinates.

Skyspace-POI-Placement-Labels-002

The position of the tower vs the direction of the landmarks.

Skyspace-POI-Placement-Google-Maps-002

Coordinates layered over the Google Maps and the architecture drawings.

Illustrations

UBE-Content-Illustration-Moodboard-001a
UBE-Content-Illustration-Moodboard-001b
Skyspace-Illustrations-AllUp

Skyspace
Infinity Mirror

An infinity mirror, digitally enhanced and embedded in the floor, creates the illusion of a 54-story drop.

Skyspace-InfinityMirror-01

3D Mockups

I was inspired by the shape of the multi-faceted crown that sits atop the building itself, I created 3D models to convey the design concept to the fabricators. Additionally, I used simulation to present lighting effects to stakeholders and lighting engineers.

USBankTower-sm
Skyspace-Infinity-Mirror-Geometry-1
05-Skyspace-Infinity-Mirror-r001
04-Skyspace-Infinity-Mirror-r001
02-Skyspace-Infinity-Mirror-r001

Skyspace
Reflection Wall

The Reflection Wall is a 30-foot wall featuring an interactive particle system that tracks the movement of visitors and captures their pose, then projects their shape upwards.

Responsibilities — I guided our developer by creating mock-ups and animations using Adobe After Effects, then fine-tuned the final parameters to achieve the desired final look.

Skyspace-Reflection-03

Prototyping

I utilized After Effects to create a rough motion capture mock-up of the reflection wall effects. This proved to be an essential tool for communicating with the developer as it allowed him to create a particle system that closely resembled the final product on his first attempt. He included adjustable parameters that I used to finalize the appearance and overall experience for final delivery.

Skyspace-Jules-Jump
Skyspace-Jules-Jump-2
Skyspace-Green-Ballerina
Skyspace-Portfolio-Img-15
Skyspace-Portfolio-Img-12

Particles attached to a sillhouette and the paramater pannel (left.)

Awards

2016
Horizon Interactive
Award: Gold

HOW Design International Design Awards
Award: Merit Award

 The FWA
Award: The FWA Site of the Day

Event Design Awards
Award: Gold

Next Project

Reunion Tower
Multi-user touchscreen application and generative art