Essen Website Animations
Essen is a design agency specialized in the art and science of transitioning products and services into lifestyle brands. I have spent a wonderful year working there full-time, and I'm glad that I'm still working with them daily as a freelancer. Recently they went through a rebranding process which I had the opportunity to be a part of.
My major task was designing a motion language that could apply to various elements, including website, social media posts and videos. Part of this project was a set of illustrations for Career and Error pages designed by Sebastian Örtegren, which I had fun animating.
We were aiming for a hand-drawn feeling but keeping the versatility of possible export formats. Due to this, I did almost everything in After Effects on hold frames, with some additions of elements done in Animate.
See it live at Essen (esseninternational.com).
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/edbc10e3-0a77-4018-b00c-bf176d434a8a_rw_1200.gif?h=4d540edb404c8e0d0967bc03cc3dec21)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/74e8efe9-ce07-472a-a43b-f64bfcee4976_rw_1200.gif?h=f1050c6650715cad7450704357cb8579)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/b6948572-ab3e-4869-8838-0ca4d587eb20_rw_1200.gif?h=f08b388309074512c578379e21221201)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/ea4f5c6c-9ebd-49d1-ba48-ba8849c345fb_rw_1200.gif?h=b07af3eeb07af65c4468a87a344aa4ef)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/bb1f2b30-2f37-4b7f-a7e1-af89741ce44e_rw_1200.gif?h=6d0579eb1300f6bcc32de53234f685cb)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/e52d4d1f-03d7-4c06-ac54-e7c2e53cb6fb_rw_1200.gif?h=5414e3c73c41797a351efdd8aef6d6d1)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/0c8b1dd5-ba1b-4e79-92a0-cc6f64d2ee1e_rw_1200.gif?h=2666346b6d9ec13d2e7ebf20fd90c2ce)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/b0489e31-7182-4482-80f5-7d9e1ce1f181_rw_1200.gif?h=244739a9f8e95de8314fda430b99ed6d)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/e4210a9b-e735-4460-b63d-69534581f22b_rw_1200.gif?h=9cf954b23035787c6d0d544f2d3baaa0)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/4976fa3c-d2c8-4f01-b0dd-c85bef924910_rw_1200.gif?h=363151bb1df7a067849de3b3c9e595de)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/9cc8524f-680c-465d-a128-2bb333b9ab3d_rw_1200.gif?h=63201e57edc984191d1a3a71c3a846fe)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/9f330bb4-3c18-4691-aa3e-4f4f70bd81b5_rw_1200.gif?h=ec1bf39f148b95a92bab8caec20b5d03)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/dab9ad75-02f0-4747-960b-d24e0ae123b6_rw_1200.gif?h=c2e9f418a00cbd760371903310299bb8)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/5da31bd7-6da6-4a8d-9883-e77151661599_rw_1200.gif?h=2783fae693d9c1629f05edf88c260b0d)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/2b94ef99-8845-4de6-af0f-a392833bb739_rw_1200.gif?h=339a8000e2c8f6e45199532f3097984b)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/6ec42cf4-6fca-4b70-ac7d-579ed1070a92_rw_1200.gif?h=6fdcc7966ca58d762294c27bdf403737)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/770f58e8-c33d-46ee-99a5-796460c444e1_rw_1200.gif?h=e0b554f578477e8127771140a12a9879)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/0358a511-19b9-4ce3-8c30-e456647c41f4_rw_1200.gif?h=189ab89bdbd1df701ada2dd0ae79c74d)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/d4fd7569-f07f-41c6-800a-ded1cf27fb4d_rw_1200.gif?h=0297922bb4c99531b9a6ccd066ce0fa5)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/ead3d62c-807f-476c-979a-08b15ae4a511_rw_1200.gif?h=09613751b77bd571c41d8630c3325a32)
![](https://cdn.myportfolio.com/69d70203dd20c7f81a0832283400ee3e/b744e12d-5624-4dee-b361-bcc77b76ac80_rw_600.gif?h=e419536a99cfd5399e4a1a9527cf51e3)
Thanks for watching!