Motion graphics - MERGE website

Hello,

For this project, I was tasked with taking 3 vector graphics and developing the animation effects for each of them. Once the animations were approved, I would turn over the video files to the development team as proof of concept for the SVG animation. My goal was to deliver simplified and engaging, loopable animations that would be easy for the development team to implement on a short timeline.

To do this I started with storyboards, working backwards from the finished state. I decided to focus on effects such as masking, color state change, and path animation. I developed the animation using Adobe After Effects, and imported the .mp4 file into Adobe Photoshop to export animated GIF files for fallback.

These proof of concepts, helped the development team understand quickly the type of SVG animation I was conceiving, and also allowed them to provide feedback on what was easily achievable.