This personal project explores how surreal visuals and vibrant color can elevate digital ads. I developed the “Look at Me” bird concept as a metaphor for attention, adapting the design across formats from social to email to standard HTML5 banners.
Motion Design in After Effects
After Effects is my creative playground for experimenting with animation concepts. To optimize efficiency and maintain a strong creative vision, I always begin with a storyboard. This step ensures a clear roadmap before diving into the software.
When designing videos for platforms like Instagram or Facebook, I prioritize creating seamless loops, leveraging the platforms’ auto-looping feature to maximize engagement. My approach balances quick pacing to grab attention with readability of on-screen text. Typically, I aim for video lengths of 10 seconds or less to ensure the content is digestible, capturing attention amidst fast-scrolling behavior.
META Ad
HTML5 Animation & Coding
When designing HTML banner ads, I adhere to the 15-second time limit while strategically looping animations under 7.5 seconds. This approach allows the timeline to play twice, keeping the pace dynamic and ensuring maximum exposure within the allotted time.
I draw inspiration from After Effects animations to maintain consistency but simplify the build for standard HTML ad placements. This ensures compatibility and minimizes the risk of publisher rejections. Even with these constraints, I enjoy crafting visually compelling animations, striking a balance between simplicity and impact.
Cross-Platform Cohesion
For consistency across mediums, I integrated animation into my HTML email design. To maintain a manageable file size, I scaled down the number of animated elements compared to the banner ad.
HTML Email (Mobile View)