Create a
flow
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/ba7783ab-28f1-45d6-ba2f-a5c512d0dd89_rw_1920.jpg?h=f7d3417b914d02bcb730b4c4c1848b6a)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/a8bedfd9-39e6-45a6-a643-b7660e7014e1_rw_1920.jpg?h=6427b29c8d34bd5970eabeca3320fc79)
Show but don't show: In the early stages of storyboarding the key visual idea to overlay and hide information already worked pretty well.
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/7f8e598b-1219-496c-a17e-433a7030a4b3_rw_1920.jpg?h=f73d0bff1098c8ae2c4912320acc1b91)
How to get from Point A to B: Every element that moves gets a bit of the viewers attention. It is important to lead this attention with the animation in a natural flow.
plain and
simple.
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/0d4ad9e1-4c0b-4dae-8d94-07a7191a144c_rw_3840.jpg?h=471eeb2291a979b31e274ab54a87d96b)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/ed3458b7-e34b-462a-8fad-f4ae1c3fdbbd_rw_3840.jpg?h=6e7cba7f30bfbae88afdece3bdccc2e6)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/64a33540-eed2-4d63-a488-7e41740d6f20_rw_3840.jpg?h=816dee01c3cbb5b5d5de704671b0ac0e)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/f0850922-eaed-4cdb-906a-a8bdfcad111a_rw_3840.jpg?h=7f593d971d923ca6e03a0907c7dc15b9)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/7839cdfd-3fd3-42be-9ae2-4ea9a3ae10d5_rw_3840.jpg?h=1a21b4f751af8e6218d3da746d4d6db6)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/c5c66008-bedd-4d05-95bb-0e3459997709_rw_3840.jpg?h=f74291e710a1202cf7208278456fc109)
Keep in Mind: Think about the traces you leave behind. Protect your metadata ;)
Final
Animations
HOPR
Design / Illustration / Animation: Me
Text: Klaus Schwope
Art Direction: Jung von MAtt
Client: HOPR
Design / Illustration / Animation: Me
Text: Klaus Schwope
Art Direction: Jung von MAtt
Client: HOPR