Let’s make things move!
Here are some examples of motion graphic and HTML5 animation work I have done recently. To create these I have used a variety of my skills in After Effects, HTML5, Google Web Designer, Adobe Animate and more.
HTML5 Animated Banners
Canada Ontario HTML Banners
These HTML5 animated banners were based on real-life poker players from Ontario. They featured a play on words for each based on their personalities and common poker phrases. The animation style for the banners aimed to tell the story of the player and show new customers how varied and exciting the world of poker can be.
PokerStars Sports Weekly Odds
I created a set of animated HTML display banners to show weekly sports odds for upcoming games. The odds are updated dynamically from a spreadsheet feeding the banners. The animations of the players and patterns brought the static brand assets to life.
Chad Valley HTML5 Campaign
To promote the wide range of Chad Valley toys sold at Argos, I created the below HTML5 banners. Each banner was part of a set that showcased a category of toys sold by Chad Valley, e.g. plush or wooden toys. Using the product photography, I was able to create simple but engaging animations to elevate the engagement beyond a standard static banner. I designed and developed these banners in Google Web Designer, exporting HTML5 animated banners that were served through the Google Display Network.
Argos New Catalogue Countdown HTML5 Banner
The iconic Argos catalogue has been a staple in UK homes for many years. In 2017, it was still going strong, and to promote the launch of the new catalogue I created a set of HTML5 banners featuring a countdown timer to build anticipation for the new catalogue. The banners were created in Google Web Designer with additional code added for the countdown functionality.
Playstation VR Rich Media Video Banner
Promoting the upcoming launch of the highly anticipated Playstation VR headset, I proposed producing a set of rich media video banners featuring the enticing brand promo video to give customers an insight into it’s features and build hype before the launch.
GSAP Animated Logos
The Sun includes a number of promotional brands it uses to promote its different products, services and promotions. Each of these logos has a fun animation. I used my coding skills to create HTML5 animations using the GSAP Javascript animation library so that they can be used across multiple digital advertising channels as appropriate. Here are a couple of examples.
Motion Graphic Videos
PokerStars Casino Epic Draw Header Video
This video I created was used in the Epic Draw Eurovision HTML takeover skin, which is also featured in my portfolio. This video was used as the header for the takeover skin and featured fluttering tickets, stage spotlights and animated text and images and created within Adobe After Effects.
Argos Halloween Animated Social Video
This is a conceptual social video I created with Adobe After Effects, utilising different animation techniques to produce the video. I have included animations of the illustrated house, characters, products, and delivery and collection text. I also added some character and extra context to the video with the end-frame logo animation.
I also put the soundtrack together, incorporating a Halloween mood with added sound FX of the haunted laugh and lightning strike.
Vegas Gold Pass
An interstitial ad I worked on for the Vegas Gold Pass promotion. Combining the thrill of poker and F1 racing, the challenge was to capture the audience's attention in a short video using a mixture of animated text frames and action shots. This was achieved by using dynamic animations on the text and subtle background animations, including the swinging of the gold passes.