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
Create a
flow
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/149471f1-c724-4242-bcf5-83c3564a91e2_rw_1920.jpg?h=1eeca13ee392e3a1487fa762615baa4a)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/fd86db1a-3bdf-4667-b2d0-4bee3a7ec030_rw_1920.jpg?h=6d8bba305ba687826e5596cb3e2a28d8)
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/cee22e17-43bd-4b79-a63b-72f018c48bb3_rw_1920.jpg?h=ab40f56166413983d022619940dbfda3)
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/5131bfa6-4908-4b55-bbcb-8ed3706099e2_rw_3840.jpg?h=9afa80823b0f7bffd3a8d1460d22c223)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/acc9a63e-bea8-4b4b-91cb-04b0d06b2d96_rw_3840.jpg?h=da68bf863cc738616bccbd4d2a7983fa)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/3f22814f-dfd3-4a8e-acb3-b41ae210f5be_rw_3840.jpg?h=a73bccc9e94affe4d423bbb017107fdd)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/cf00217a-a90b-49b5-9a4c-1372eb642ac8_rw_3840.jpg?h=d444e74a55d69b5644b1567caa21ed7a)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/3c220d55-1a2c-48dc-9753-8d77ed2fa8a4_rw_3840.jpg?h=341aabca61ab09dff172749d14abfb08)
![](https://cdn.myportfolio.com/d7102eafb6a3d12f98d7b8756ee3c583/dc219973-063e-4b27-9a33-bf478e54f72a_rw_3840.jpg?h=9eb0f4ca75ec0e09556300688edb61d1)
Keep in Mind: Think about the traces you leave behind. Protect your metadata ;)