Manchester City - Ad Portfolio Man City - Ad Portfolio

For more information on our HTML5 creative build service, contact warren.okane@cityfootball.com

MPU Gallery Templates

Two gallery templates are available, a scroller that snaps each frame into position, or a pulse transition between each frame.

MPU Templates

The video advertisement is a videoMPU that can deliver up to 30seconds of content, it includes an overlayed CTA with 100% of the area clickable.

The spinning cube template consists of 4 images that are rotated to create a 3D effect.

Branded Content Traffic Drivers

Using deconstructed thumbnail images to create homepage takeover and ROS assets.

Running two videos simultaneously to showcase a short series, the ad includes a hover action that pauses the other video.

City Schools

The City Schools HPTO design attempts to deliver as much information as possible without overloading the viewer.

City+

The landscape video is shown within a bordered container that also displays the CTA and pricing information. This approach keeps the full video viewable.

Template used to promote City+ live games across the season.

City+ content advert using a looped fade in / out effect.

Text Animation

The Women's ticketing campaign uses the Greensock SplitText library, which individually animates each character of the 'Bring The Noise' frame.

Another example of SplitText, this time used to create a typewriter effect.

The Acronis ad uses the Greensock ScrambleText library, which scrambles or unscrambles each character as the user hovers over the ad.

Website and App Traffic Drivers

The two versions below were displayed on the premierleague.com with the aim of guiding traffic to mancity.com. Each version was regularly updated to correspond with the relevant Fantasy Football Gameweek.

This is a dynamic ad that uses a Pulselive API as it's data source to automatically populate the next fixture. The time adjusts to the users time zone and it detects the users device to correctly link to the iOS or Google store.

Zoom-out

The background is undergoing a gentle zoom-out effect, it starts at a larger scale and smoothly shrinks to its normal size.

Custom Builds

Add a countdown timer to a jpeg, include a video within a jpeg, include a video in an animated ad.