Google case study
Icon to logo animation
For this project I was asked to create transitions between the icon of Google apps and the Google logo.
I had the freedom to develop a different set of ideas.
What I came up with was playful transitions exploring the element of surprise maintaining the essence within the Google image.
Surprise
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/219c36154438fb79874bc290fe7d745466e4a0f44cecc6381ff119bd986f5bb78f3071582f005f23_rw_600.gif?h=00461771061c9586b7cd3c7172f3e9e3)
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/625c4ee5ebd8a755feae9222e04b0308b44381754b1f3f9cf77608fd97230e6b557f2081217de388_rw_600.gif?h=987f41b66172779005e8005ea02f4d3c)
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/6f4abf5c515e03a04832425fdc5214e9b4ee429deb424fa3ebc72fc97dad7a4be0a5a22393660a70_rw_600.gif?h=40184a30ecaa1a6e151362239128a45e)
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/e1f06539e8b239a73d56cefe3412fcc1aa850c8aa2706d9e7cb995cb3618890b5ebe835670464783_rw_600.gif?h=c61cd44903c9afbe3c5be4d163cb267b)
Flip
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/7585af3126fe4fc8f5888122d30d12f16ddf9c988bf314df7237d8752062fd89d228bbed64241590_rw_600.gif?h=b9b92908115cf2c07973110c448c44ba)
Bounce
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/c01dc71bd6fec5ca5fdd34904382752c83678f2e4e6357a04738da2b5bc037ed872b0871e1fd28da_rw_600.gif?h=0deeaca484aa4dd41626c31011491d2b)
Basic
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/6d28eb363bd3cc815639463291f6778691c2dcce2ab4fae25184f0cacbf798ba808aa4b39538ab05_rw_600.gif?h=a121cbef37f054dc685d47c87c183f74)
In addition to this I also explored some transitions between app icons and the Super G.
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/1f12cb13fd9ecc68193ed4a31de32702cfbc75ca6889230fa713dbb22fd4302fa0cc9ba4b91282cf_rw_600.gif?h=95db0fbff4e546c260b87ea985ac9770)
![](https://cdn.myportfolio.com/eb5f075419689a828e67dd64f329a20b/9074e8112bd1605f268bdd18863f79f914688489ac754b4c56e8485f313fa0edac08bbdfe9a058d6_rw_600.gif?h=3dbeb180bae451cc621075318f203b16)
Thank you!