Thumbnail.png

F8 2019

 

A conference about technology and human connection

 
 

"The goal was to create a look that celebrates the developers of Facebook. We created a minimal and simplistic visual template by reducing the family of Facebook apps to their most basic form and through transformation and color we illuminate their human element."

Creating an expressive and functional registration page was of primary importance. It serves as a human’s first interaction with the conference. It also serves as a connection to the overall design and functionality of the event.

 

Motion Language

Ease-In (.8, 0, 1, 1)

Ease-In (.8, 0, 1, 1)

Personality

The motion is smooth and elegant yet quick and to the point, efficient but refined. There is a finesse between states even with a high velocity apex making each movement intentional and quick without feeling rushed.

Ease-Out (0, 0, .2, 1)

Ease-Out (0, 0, .2, 1)

Choreography

A shifting velocity controls each motion but always ends with a hold of one to two seconds. Every movement begins slow, has an extreme increase in speed and then slows to its endpoint. This movement lasts for a single second, sometimes longer, but never more than 1.5 seconds. And every app is highlighted and accentuated with either color or light that changes with the same velocity.

Ease-In/Out (.8, 0, .2, 1)

Ease-In/Out (.8, 0, .2, 1)

Technical

When editing the motion in a speed graph, bezier handles should be long between points, towards the same direction, but never touching. This maximizes velocity between states but allows that in-between movement to still be visible. Use only the provided curve signatures (Ease-in, Ease-out, Ease-in/out) and adjust the timing to suite the needs of a given animation.

 
Credits2.png