IQ Byte by Facebook IQ
Facebook IQ | 2018 - Ongoing
When Facebook came to me asking to help visualise bitesize stats to be released online, I couldn't help turn to Pacman for inspiration! I set about creating a highly illustrative icon set to cater for any stat eventuality, and then used simple animations to bring the data to life.
*Due to the internal nature of the project, figures seen here are examples and have not come from Facebook.
Illustration | Animation
__________________________________________________________________
Animated Wordmark:
![](https://cdn.myportfolio.com/50e4569c-a23b-4bc5-b228-20572fb503e6/48ab003e-1184-4fb5-9375-32fae018bf9d_rw_1200.gif?h=5d9726062722a92c7b5d8484de078bef)
__________________________________________________________________
Iconography:
![](https://cdn.myportfolio.com/50e4569c-a23b-4bc5-b228-20572fb503e6/29980152-7f4a-4ff2-99cf-45c3c3c00c33_rw_1200.png?h=adb86974b47eeffb5c7b1a86e1971ab4)
___________________________________________________________________________________
Motion Examples:
![](https://cdn.myportfolio.com/50e4569c-a23b-4bc5-b228-20572fb503e6/fc02103a-285c-4d3d-b54e-21196b573cb2_rw_600.gif?h=50f4bb8246fc4f6b1b724b41f8c1b32f)
![](https://cdn.myportfolio.com/50e4569c-a23b-4bc5-b228-20572fb503e6/48a29c01-d8dc-4e27-8324-a05178774148_rw_600.gif?h=d4b57f8aada6feb009723e537336e1dc)
![](https://cdn.myportfolio.com/50e4569c-a23b-4bc5-b228-20572fb503e6/9c6f75eb-621d-4320-b46e-aa1d22cc7527_rw_600.gif?h=9367532ad9a7f5bea468fab003a111a1)
___________________________________________________________________________________
Animated Content Example (with placeholder text):