Motion Design•Social Strategy

TSB Bank Social

AR Financial Marketing

More Videos

Location

London, UK

Brief

Create animated assets for TSB Bank's Facebook AR app, engineering immersive visual experiences that leverage augmented reality to deepen user engagement. Simultaneously, produce a dynamic Facebook Carousel for the 'Everyday Heroes' campaign, transforming the campaign's core narrative into a scrollable, high-impact social format designed to maximize reach and interaction across digital channels.

Tools

Facebook AR Tool, Adobe Photoshop, Adobe Illustrator, Adobe InDesign

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface

...The bank that likes to say, 'yes!'...

AR Video App

Working with 360i I was tasked to work on their TSB account who were looking to use Augmented Reality to promote their Pride of Britain campaign which they are running in partnership with The Sun tabloid newspaper.

Illustrations were worked from Illustrator and exported in After Effects and then a sprite sheet was created which was then imported in Facebook’s augmented reality application AR Studio. This involved creating a banner animation to introduce some initial movement and then a variety of different elements would appear which would interact with the users face - balloons, hearts, globes and confetti all coloured in TSB’s brand palette. The illustrations would then have lighting effects added in AR Studio.

Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation

AR App Icons

A diverse icon set was developed for the TSB Bank app, exploring a wide range of thematic motifs including balloons, hearts, globes, and confetti. Each concept was carefully crafted to align with TSB's brand guidelines, ensuring visual consistency across all digital touchpoints. The colour palette remained strictly within the bank's established brand identity, while the iconography itself was designed to resonate with the target audience through playful yet professional visual language.

The final illustrations were then enhanced with dynamic lighting effects built in AR Studio, delivering high-fidelity Augmented Reality visuals that brought the brand's iconography to life within an immersive digital environment. This technical integration ensured the icons maintained their visual integrity when viewed through AR-enabled devices, creating a seamless experience that bridged static design with interactive technology. The result was a cohesive visual system that supported both functional navigation and brand engagement across the mobile application.

Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Heart icon expressing emotional connection and user engagement across social media and campaign design

Everyday Heroes

In addition to the augmented reality work I looked at creating some Facebook adverts which the user would have to swipe through. The Pride of Britain awards campaign is designed to give recognition to ordinary folk who contribute a lot to their society.

Both advertisements were designed to give a customer journey through the ad and to end up with a call to action at the end. At the time of writing the bottom right panel featuring illustrations were planned to be animated.

Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content

Similar Projects

© MMXXVI  Rory J. Murphy | All rights reserved.

Rory J. Murphy Logo - Click to go back home
Envelope icon linking to an email address for quick and easy contact.
Vimeo logo - click to watch Rory's video projects and portfolio on Vimeo
LinkedIn logo - Rory's LinkedIn page and connect with us
Dribbble icon - click to view Rory's design work and portfolio on Dribbble

Hire Rory

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content
Envelope icon linking to an email address for quick and easy contact.
Clickable home icon to inicate to the user that tapping this will take them to the homepage
"Product icon (active) – Currently browsing our print-on-demand store.
Product icon linking to our print-on-demand store page for browsing and purchasing items.
Highlighted Praise icon in navigation showing you are currently on the Testimonials page
Testimonials icon showcasing customer reviews.
Active contact icon indicating you are on the Contact page
Contact icon directing to the social and contact page.

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content
Clickable home icon to inicate to the user that tapping this will take them to the homepage
Arrow icon; click to go back to the previous page you were on
Mail icon providing a direct link for users to contact the website via email.
TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content
Clickable home icon to inicate to the user that tapping this will take them to the homepage
Arrow icon; click to go back to the previous page you were on
TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content
Active contact icon indicating you are on the Contact page

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content
Clickable home icon to inicate to the user that tapping this will take them to the homepage
"Product icon (active) – Currently browsing our print-on-demand store.
Product icon linking to our print-on-demand store page for browsing and purchasing items.
Highlighted Praise icon in navigation showing you are currently on the Testimonials page
Testimonials icon showcasing customer reviews.
Active contact icon indicating you are on the Contact page
Contact icon directing to the social and contact page.

TSB mobile banking app showing “You’re my inspiration” message with animated banner in social campaign interface
Man facing smartphone camera as blue banner begins animating on screen in interactive social video campaign
Selfie video frame showing confetti tracking user head movement in interactive motion graphics social campaign
Video frame with full banner visible and confetti falling across screen in engaging branded social content
Final video frame with “You make me proud” message, smiling user and motion-tracked confetti animation
Blue balloon vector icon symbolising celebration, designed for motion graphics and social campaign visuals
Confetti vector graphic supporting celebratory animation across digital campaign and branded content visuals
Stylised firework vector graphic used in campaign visuals to convey energy, celebration and brand storytelling
Minimal globe icon representing community reach and connectivity within digital banking campaign visuals
Heart icon expressing emotional connection and user engagement across social media and campaign design
Rainbow with clouds icon symbolising positivity and inclusivity in social media and digital campaign design
Playful star vector icon adding personality and charm to motion graphics within branded campaign visuals
Woman delivering food by bicycle in Moss Side, Manchester, featured in community-focused social campaign
Sikh volunteer in yellow turban smiling beside charity van, representing community support and outreach
Man with tattooed arm standing indoors in Hull, featured in storytelling-led community campaign content
Mobile app screen prompting users to share local hero stories with photo upload and hashtag participation
Social media carousel showing local hero portraits with names and messaging in branded campaign content