UNEARTH CAMPAIGNS particle animation
Original client inspiration:
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/5d82a401-8580-47e0-98f5-95f4bca528ca_rw_1920.png?h=6afa88116d6ea2cce84aac46bc83fa13)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/cc7792ba-add2-4386-a1c4-be1b27f50ce5_rw_1920.png?h=c3d08105a70f600282435cb73e758a88)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/495e9067-5272-4eb6-b0ee-1ccaf18d1233_rw_1920.png?h=0daed5df55d3e2feef90e606347f895c)
Mockup provided by client:
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/af35f64d-51e8-4097-9501-680c6c0a3957_rw_1920.png?h=0225b908e8730a4a69314802e14f5d36)
Original shapes to animate:
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/16664085-1122-4619-ae32-341cdca3fbc3_rw_1200.png?h=11aab263d475b00c6818c6230dd4caad)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/2fbc3316-20a8-4190-8fd9-986d59cc75d1_rw_1200.png?h=10738db2dc97b2b4d7bf988c6cad5aae)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/f17a6fea-0413-4652-91b9-05285f7053a6_rw_1200.png?h=b675fed2bc1460727dcc325ed9be7217)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/2a201fd5-ff74-4043-ab4b-46c931d9a5d3_rw_1200.png?h=a7d9540da86cf746866526fe51900f03)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/67213f2c-fd67-4d12-bf01-5b4e03ac3ac0_rw_1200.png?h=462daf867b50cb07c2dfefc126eabbdf)
Workaround for rendering times? Just need a quick daily/proof for client? Screen recording gets the idea across:
Although a nice export can help sell an idea and this made us believers:
Mocked up made it look even better, but also not feel right:
After animating, same shapes as home row icons seemed more appropriate and more visually appealing:
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/c358fdb6-7b1b-4541-9d05-cbd6f70a6ab9_rw_1920.png?h=a836b0715c788c8f4bd7f3b24de4553c)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/e3d77528-c2e1-491b-a3c8-fcd77bf81a58_rw_1920.png?h=775386eb36c7bc8064e8d377ef28b949)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/3ed42d6e-5084-4636-8380-5abfe5c9b7b3_rw_1920.png?h=01324423423ab2e8d2c91167d3ff8cf3)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/e97a96fe-e158-45a6-80b5-3e4fafe5e272_rw_1920.png?h=ec1eaaf49450910fde956ed931796942)
![](https://cdn.myportfolio.com/574d368fed1459b943e712c68fa8748b/932ef930-e607-4a0c-b3c6-89009c545137_rw_1920.png?h=6661583687d4f8277c2a4fc42b0716e8)
Especially in motion:
Played with speed to find a balance between too fast and too subtle:
Final version delivered to client (client requested background included):