The Purpose of this Project
As a Frontend Developer, I specialise in building high-performance, dynamic HTML5 display banners for a range of clients. My role bridges the gap between static creative designs and interactive ad experiences that can scale efficiently across multiple variations. Responsibilities: - Translate designs from creative agencies into responsive, animated HTML5 banners. - Build and maintain custom banner templates using HTML, CSS, JavaScript and GSAP (GreenSock Animation Platform). - Integrate banners with the Google Marketing Platform, ensuring compliance with technical requirements and limitations. - Create dynamic ad units powered by Google Sheets feeds, enabling real-time changes to copy, CTAs, images, and backgrounds.
The Technical Implementation
I code all banners using a JavaScript framework integrated with GSAP to deliver smooth, performant animations. I ensure each banner is fully dynamic. While I may receive a single flat design, my templates support automated content variations at scale. The integration with Google Sheets allows clients to manage and preview hundreds (sometimes thousands) of ad variations, swapping in new content without any code changes.
Results & Future Potential
For Jet2, we received static Photoshop designs and converted them into a dynamic, animated HTML5 banner campaign. Using one coded template, we generated 300+ variations, each with unique combinations of copy, backgrounds, and calls to action, powered by a structured Google Sheet feed. Impact: - Saved clients thousands in creative production costs. - Reduced turnaround time by eliminating the need for manually designed banner variations. - Empowered clients with flexibility to update content without technical involvement. - Strengthened client relationships by showcasing scalable, performant ad solutions. Future Potential: - I’m currently developing new features for our templates to give clients even more control, flexibility, and interactivity. These advancements will allow our agency to deliver even greater value, demonstrate innovation to prospective clients, and remain competitive in the digital advertising space.