Intel

2020 Vision

Conceptual UI Design & Animation

A look at the near future required a speculative fluid UI design that integrates a foldable mobile device. 

A look at the near future required a speculative fluid UI design that integrates a foldable mobile device. 

It's Morning in
the Future

It's Morning in
the Future

It's Morning in
the Future

It's Morning in the Future

It's Morning in the Future

First Person worked alongside Pedersen Media Group to visualize a day in the year 2020 for Intel. The most intriguing aspect of the video was a speculative mobile device that could fold from a phone into a full-size tablet.

Intel2020_1
Intel2020_4

Above the Fold

The form-factor of this device meant I had to design a conceptual UI that reflowed and resized with changes in the state of the physical object. When the actress unfolded the phone, the UI would have to go from the familiar portrait-oriented design into a tablet-landscape layout, and potentially reverse when the device was folded back into its phone configuration.

Intel2020_7

We speculated that a near-future operating system would be smart enough to intelligently resize and reflow all windows to comfortably fit and fill the space they were in.

This meant that, aside from the gutters in between panels, there would never be “open-space” in the UI layout. Instead, the panels would function as packed cells: when one contracted, another expanded; when one expanded, another contracted, all with seamless fluidity.

Intel2020_5
Intel2020_6
Intel2020_8
Intel2020_10
Intel2020_9
Intel2020_11
Intel2020_12
Intel2020_13

We expanded this into a conceptual operating system that implied a uniform, continuous experience across all devices—desktop, laptop, mobile, and conference room.

As the folding phone was really an inert, non-functional prop and the massive conference room screen little more than an array of white-boards, I had to work closely with the 3D, visual effects and compositing artists to ensure the integration of the UI animations mapped logically to the objects and environments. All animations and state changes had to be carefully planned and choreographed, and the design of the UI had to be flexible enough to accommodate small unpredictabilities in the actors’ movements.

Intel2020_14

My Role

Art Director, UI Design & Animation

Art Director, UI Design & Animation

Agency

Pedersen Media Group
First Person

Creative Director

Mark Pedersen

Director

Dave Mackie

Project Manager

Jessie Mizrahi

Graphics Team

Carlos Tsoi
Junyoung "Pigle" Chung
Hernan Santander

© Casimir Fornalski 2010 – 2019

© Casimir Fornalski 2010 – 2019

Media is a tool. Be constructive.

ce_logo_2019_white