Dropbox Logo Animation System

Dropbox approached us to animate their growing family of product logos, as well as define an animation system for all logos to follow. Their ask was that each animation be unique to the product’s function, but as a whole feel familial within Dropbox’s ecosystem.

DB_All_Logos_Gunner.gif
 
Comp_4.gif

Exploration

Previously, the animated Dropbox and Paper logo shared a common design language with an isometric grid, however the newly designed product logos came to us in a variety of new forms and shapes to consider. Let the iterations begin…

Dropbox Explorations

Comp_5.gif
Comp_3_dropbox.gif

Paper Explorations

Asset 4@2x.png

Transfer Explorations

Comp_5_transfer.gif

Scan Explorations

Asset 6@2x.png

Spaces Explorations

Asset 5@2x.png

Backup Explorations

Asset 7@2x.png

Passwords Explorations

Asset 8@2x.png

App Center Explorations

Asset 9@2x.png

Audio Timing Guide

After all the explorations, we delivered the final logos accompanied by an audio timing guide that ensures future animations will share a common sense of rhythm and pacing.

Credits