BeyondTrust - SVG Animation

Working closely with BeyondTrust, we revamped their tour page with a different approach that merged both interaction design and development. The previous iteration of the page utilized ~14mb .gifs which gave the freedom within the animation to tell detailed stories, but sacrificed optimization and mobile compatibility.

With the design goal of increasing page load speed while balancing effective communication of complex ideas, we sought out another solution. We landed on Hernan Torrisi's plugin Bodymovin which allows .svg animations to be outputted directly from After Effects as .json files and controlled in development using the API library including play, stop, speed, direction and frames. The .svg files were only ~36kb Check it out.