Animated GIFs & Web Banners

Acrylicos Vallejo – Animated GIFs & Web Banners

For Acrylicos Vallejo, I developed a series of animated GIFs and responsive web banners to enhance their digital presence across platforms — from website visuals to email signatures.

The Challenge

The project involved two main deliverables, each with its own technical constraints:

For the email signature animations, the key goal was to keep file size as low as possible to avoid issues with Outlook performance and load times.

For the web banners, the animations needed to be fully responsive, working seamlessly on both mobile and desktop views within a WordPress environment.

My Approach

I used Adobe After Effects as the primary tool to design and animate all assets.

All assets were optimized for performance, converted to web-friendly formats, and integrated into WordPress with responsive behaviour in mind.

I created lightweight yet visually engaging animations tailored for email, carefully balancing movement and file weight to ensure compatibility with email clients like Outlook.

For the website, I designed banners that adapted gracefully to different screen sizes, focusing on a mobile-first approach while ensuring pixel-perfect rendering on desktop.

Project Summary

For Acrylicos Vallejo, I developed animated email signatures in GIF format with a minimal file size (under 200kb), designed to loop smoothly while maintaining consistent branding across communications. I also created hero and inline web banners optimized for responsive display and retina screens, ensuring they adapted seamlessly to both mobile and desktop layouts. All assets were exported in multiple formats and resolutions, ready for integration across platforms, and performance-optimized to guarantee fast loading without compromising visual quality. This project demonstrates how motion design can strike a balance between aesthetics and technical precision — the animations stay true to the brand while functioning smoothly within the limitations of email clients and responsive web design. Looking ahead, future improvements could include testing alternative animation formats compatible with email environments like APNG or Lottie, developing reusable templates for campaign-based content, and extending animated elements to product showcase sections or landing pages.