G Suite

—

We were asked to design an interactive demo about G Suite, one of the most tangible examples of how Google Cloud supports collaboration and efficiency. In the first room of the event, guests were invited to participate and follow the journey of an idea while experiencing a Rube Goldberg inspired animation.

⟶ Behind The Scene

G Suite

—

We were asked to design an interactive demo about G Suite, one of the most tangible examples of how Google Cloud supports collaboration and efficiency. In the first room of the event, guests were invited to participate and follow the journey of an idea while experiencing a Rube Goldberg inspired animation.

⟶ Behind The Scene

The Details

—

As a center piece of the stage, we had the Google’s Jamboard, a giant 4K digital whiteboard designed for workplace collaboration. This screen was used for both storytelling and interactivity by touch screen. Surrounding the Jamboard, we used a series of screens fixed on both portrait and landscape mode directly across from our audience on the stage. These are the hero TV elements, on which our story content will be seen.

The Details

—

As a center piece of the stage, we had the Google’s Jamboard, a giant 4K digital whiteboard designed for workplace collaboration. This screen was used for both storytelling and interactivity by touch screen. Surrounding the Jamboard, we used a series of screens fixed on both portrait and landscape mode directly across from our audience on the stage. These are the hero TV elements, on which our story content will be seen.

"How Ideas Happen"

—

To demonstrate the power of the G Suite apps, we wanted to feel the connective energy of a collaborative process through the screens. The big challenge was how to display 2 minutes of animations on 7 HD screens and a 4K Jamboard. The physical installation setup was recreated inside of After Effects as well as the entire animation. If you want to get more details about the process, please check out the Medium article.

We’ve covered a lot of new challenges, combining conventional graphic design and animation with multiple synchronized screens to translate complex technology into a simple and approachable installation. Below is the full animation film

"How Ideas Happen"

—

To demonstrate the power of the G Suite apps, we wanted to feel the connective energy of a collaborative process through the screens. The big challenge was how to display 2 minutes of animations on 7 HD screens and a 4K Jamboard. The physical installation setup was recreated inside of After Effects as well as the entire animation. If you want to get more details about the process, please check out the Medium article.

We’ve covered a lot of new challenges, combining conventional graphic design and animation with multiple synchronized screens to translate complex technology into a simple and approachable installation. Below is the full animation film

Jamboard collaboration

—

Here is an animation sample where we are showing that working together has never been easier thanks to G Suite. Each characters workstation is mirrored in the Jamboard, showing how all are simultaneously connected.

Jamboard collaboration

—

Here is an animation sample where we are showing that working together has never been easier thanks to G Suite. Each characters workstation is mirrored in the Jamboard, showing how all are simultaneously connected.

Interactive moments

—

In the beginning, Guests got to kick off animation, by choosing three topics from the Jamboard, follow the workflow from Docs to Slides to Sheets, and then tap “send” at the end to launch the idea into the world. This animation sample show the last interactivity of the experience.

Interactive moments

—

In the beginning, Guests got to kick off animation, by choosing three topics from the Jamboard, follow the workflow from Docs to Slides to Sheets, and then tap “send” at the end to launch the idea into the world. This animation sample show the last interactivity of the experience.

Bring life through animation

—

The Google universe is full of shapes, color and sounds. The perfect playground to create smooth animations, custom physics that add personality to simple shapes and embrace the story. A ball hitting a surface creates a reaction, change it’s color and become a notification.

Bring life through animation

—

The Google universe is full of shapes, color and sounds. The perfect playground to create smooth animations, custom physics that add personality to simple shapes and embrace the story. A ball hitting a surface creates a reaction, change it’s color and become a notification.

Your Reflection in Art

—

In the next room, guests encountered an interactive art gallery where they could find their doppelgänger in the Metropolitan Museum of Art’s collection.

Your Reflection in Art

—

In the next room, guests encountered an interactive art gallery where they could find their doppelgänger in the Metropolitan Museum of Art’s collection.

Motion Prototypes

—

To visualize a match between the user face and his painting, the UI animations were designed by using the constructions lines of an Art piece based on face tracking points. From there, we worked closely with the Creative Tech team to find the best way to implement the animations in the prototype.

Motion Prototypes

—

To visualize a match between the user face and his painting, the UI animations were designed by using the constructions lines of an Art piece based on face tracking points. From there, we worked closely with the Creative Tech team to find the best way to implement the animations in the prototype.

Live Protoype Flow

—

An ambient state is inviting the users to step up and activate experience.
Once the visitor has approached the screen, their face is detected and scanned.
The screen act as a mirror tracking your face, serving up results based on your facial data points.

Live Protoype Flow

—

An ambient state is inviting the users to step up and activate experience.
Once the visitor has approached the screen, their face is detected and scanned.
The screen act as a mirror tracking your face, serving up results based on your facial data points.

Guests walked away from the experience with a printed card of their results, as well as a deeper understanding of how Google Cloud can master complicated data sets.

Cloud Network

—

The final room let guests become data and see how Google’s private fiber network helps it move more efficiently around the world.

Cloud Network

—

The final room let guests become data and see how Google’s private fiber network helps it move more efficiently around the world.

Google Cloud Installations

Google Cloud Installations

G Suite

—

G Suite

—

The Details

—

The Details

—

"How Ideas Happen"

—

"How Ideas Happen"

—

Jamboard collaboration

—

Jamboard collaboration

—

Interactive moments

—

Interactive moments

—

Bring life through animation

—

Bring life through animation

—

Your Reflection in Art

—

Your Reflection in Art

—

Motion Prototypes

—

Motion Prototypes

—

Live Protoype Flow

—

Live Protoype Flow

—

Cloud Network

—

Cloud Network

—

Team

Articles & Recognition

Articles & Recognition

Calvin Klein be one. be all. just be.

Calvin Klein be one. be all. just be.