One summer I collaborated with Kode With Klossy to create an animated identity for Brain Breaks: segments of the program that provide scholars with an active rest from coding plus an opportunity to engage with the camp experience in a fresh way.
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/cad98734-6840-44af-8834-f9fbb0e248a1_rw_1920.png?h=0c2d760dd55f341eca2d3d9daa6a50e3)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/37ee6012-2c4f-4870-9346-fccf6f317b88_rw_1920.jpeg?h=4833c2ef94808d14eaac1d6f2b37c40e)
SUMMERTIME
![0:01:08](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/2e27287e-6f27-488f-98b9-c17bc8fb5634_rw_1920.jpeg?h=b4de238bbabc7c97f20251035f050eba)
0:01:08
![0:01:15](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/2a047a9b-39fd-42e8-bc4c-f10e1365940b_rw_1920.jpeg?h=d39e60bed365c4b88d23e6465811997c)
0:01:15
![0:01:18](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/2d771413-f93d-4b32-95b5-cf2268640bf2_rw_1920.jpeg?h=5eeb96fa7361fc9c6a113c23c11fa70a)
0:01:18
![0:02:06](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/bcf06e5c-d807-4486-9a61-1387222b17a8_rw_1920.jpeg?h=75031475cad686b64feaa057d680223a)
0:02:06
![0:08:09](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/1700786f-762d-44f8-939b-b49b7e7350a0_rw_1920.jpeg?h=04f94904eeef6ffa285dad776a22a692)
0:08:09
![0:10:08](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/01797e3e-56ec-484b-a353-09a4bc2a783e_rw_1920.jpeg?h=6b0d0d0e9406503ec4ed892d6c00047b)
0:10:08
![0:14:18](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/37368da1-d7cb-4699-816d-0a5a0ea2f721_rw_1920.jpeg?h=1ef5d7eba57f5264325a9e13f5fdf373)
0:14:18
Retreating through these vivid layers of imagery, the animation describes taking a mental step back. A break for the brain. Meanwhile, the blend of choppy and smooth motion technique reflects a mashup of ideas in a dynamic learning environment.
Among available assets were the logo, fonts, an electric color palette, and a library of punchy graphic elements. These graphics were a key feature of the art direction, bringing considerable personality and substantial vibes to the table.
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/d438c577-0940-4261-b583-8057d184384c_rw_1920.png?h=9a9d9627a91163ea490e1952c7f4400d)
Remixing the brand materials produced a compelling visual toolkit.
Meanwhile i pre-rendered a set of animated background textures which could be applied to the designs and re-purposed from shot to shot. The loops imbued the designs with a sense of depth and steady evolution — that dreamy, ephemeral vibe.
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/ee06c45a-925a-4ede-8816-fe08a25a9ddc_rw_1920.gif?h=82a985b2477eb0383768b266782b66f1)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/383324b9-b725-4888-8545-5a06b38ad640_rw_1200.gif?h=4ccebefd2d497c9fc8b6400d1dd5468e)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/491afe1c-6a22-4245-8e32-c66b6d10ec76_rw_1200.gif?h=389eb190bea88097da5a2ec815724705)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/2c1cdbea-1934-4ee4-b434-97ae01f12c3e_rw_1200.gif?h=f9f9a2e725df01293533734f2a421d86)
Texture played a decisive role in tying everything together. Initially, my designs relied on a fairly literal implementation of brand graphics with hard lines and solid colors ...
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/ef74f577-dff4-452e-9840-2b962f4ad95f_rw_1920.png?h=28ecae41c1d91e5a53dc474ff615f23e)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/a13ef082-a505-4bd3-83ba-065a3503351a_rw_1920.gif?h=d64e3af31df69147148e67140031f25d)
With further dialogue, we guided the creative direction toward the final result.
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/812f866b-8d5c-4fe9-9bf6-b2b4a1fa64fa_rw_1920.jpg?h=cd6e34799a4afb8dc88a119c9c42f9a3)
VISUAL References, RETROSPECTIVELY
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/9242b90c-fdbd-40c3-a14b-df1637a2bfae_rw_1200.png?h=6179768bdc5f3c79d641ff946d59d848)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/065d7402-3321-487c-a4a4-bfaf36c7d127_rw_1200.gif?h=2ec7c1b83d30aaa067c69f1c18eb3a59)
an earlier (unused) version of the end page, before we found the stylistic sweet spot
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/a0b6d45b-6501-4487-be34-fb1f1a123500_rw_1920.png?h=55525106b8f20daeeeaa3a989d3c30dc)
![](https://cdn.myportfolio.com/03b8310e-df4c-482d-b098-797cd113e274/dcb2f13f-9b9a-462e-8761-8405b157f7de_rw_1920.png?h=6c38bd75de938920dec49268b4f846a0)