Visa Contactless is a new chipless payments solution where I worked on an animated explainer for the Danish market, which later grew to cover 6 more countries.

* Full explainer down below ↓

Role:
Animation Lead
Team:
Visa Europe HQ, Project Manager
Timeline:
Mar 2015 - Aug 2017
Output:
7+ marketing videos, styleguide update

visa-signage

1. Brief

In 2015, I was approached to take over a case for Visa with creating a marketing video for the Danish market, promoting Contactless payments. Prior to that, Visa had already received a motion explainer video, but it was too complex and too long to understand the concept, and the team that created the original piece discontinued to commit to the project further.

Together with a manager and an Art Director, we decided that it would be best to make a push for a more engaging, light-weight and fun video.

  • How to make the visuals more engaging?

  • How to make it easy to understand fast?

visa-old-illustration
Screenshot-2021-08-05-at-00.15.33
visa-storyboard-frame-hand

2. Discovery

For the research part, I, together with a team, took time to go through the official video script, and visualize the idea with a storyboard. 

I created a template where I would visualize all the illustrations and motion in a 1:1 HD screen and add the voiceover to a box below, so that the reviewing team would understand the flow and idea better. I already started implementing new ideas for the illustrations, and consistently incorporating them into the storyboard.

visa-story-rolling2x
visa-story-wrapup2x

3. Design process

After the script and voiceover approval, I reffered to the official Brand Guidelines of Visa, where the brand listed all the color combinations and typograhy acceptable for print and digital.

I added new illustrations and experimented more with shape and curves, to create a fresher and more holistic look. For the animation part, I only used After Effects with a strong focus on motion graphics. I've developed a dynamic style and created an animated explainer.

visa-design-preview

H1 / Myriad Pro Light

P1 / Myriad Pro Light

Blue

Gold

Surface

OVERLINE
...The sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was...

gif-shop-min
pincodes-min
roll_adjustedx800-1
wallet-min
shield-min
outro-cut-min

Final product

4. Results

I have been able to contribute both to the agency that commissioned me, and Visa Europe office. The project grew from one video to over 10 videos in different formats and markets, generated more views on social media, and influenced the official styleguide.

Shipped:

+ 10 marketing videos
+ 7+ countries (from original 1)
+ 400k views in the Finnish market 
+ Updated styleguide

With this project, our biggest contibution was to drive social media presence, with over 400k video views on Youtube, and to extend the scope from one language to over 10.

$(document).mousemove(function(event) { windowWidth = $(window).width(); windowHeight = $(window).height(); mouseXpercentage = Math.round(event.pageX / windowWidth * 100); mouseYpercentage = Math.round(event.pageY / windowHeight * 100); $('.radial-gradient').css('background', 'radial-gradient(at ' + mouseXpercentage + '% ' + mouseYpercentage + '%, #3498db, #9b59b6)'); });