This is a ‘Living Illustration’ I produced for the Sky Q project. The idea of a ‘Living Illustration’ is to bring a page to life by adding subtle movement. More than just a gif though, it incorporates a low-stakes interactive element, to involve the user as they navigate their mouse pointer around the page.
The illustration is based on a heavily edited version of an existing photo. I sliced the photo into layers which move in parallax as the users mouse moves. Added to that, I took a video of the new Sky Q menus being navigated, altered the perspective to fit the image then overlaid it onto the screen in the illustration.