HSBC Vault

Creative Tech, Installation

HSBC Vault Hero Shot
  • INTRODUCTION

  • INTRODUCTION

  • INTRODUCTION

I was briefed by VML & HSBC to design and build an interactive experience for their campaign takeover at London’s Waterloo Station. The result was the Vault, a physical pop up powered by a browser-based installation that turned a passing moment into a playful challenge. I co-led the entire creative tech build, from logic to interface, crafting an experience that pulled commuters out of autopilot and into something unexpected.

Client

HSBC, VML

Responsibility

Programming, Design

Project Category

Creative Technology

Year

Feb 11, 2025

Vault in waterloo
Vault in waterloo
Vault in waterloo 2

HSBC Vault in Waterloo Station

I designed the screen, coded the logic with user behaviour in mind

Vault in waterloo 2

HSBC Vault in Waterloo Station

I designed the screen, coded the logic with user behaviour in mind

Long shot of the HSBC Vault
Long shot of the HSBC Vault
Code logic
Code logic
Ipad screen of interactive part of installation
Ipad screen of interactive part of installation
  • Problems!

  • Problems!

  • Problems!

HSBC wanted to make noise at Waterloo Station to support their latest campaign, but the challenge was more than just visibility. In one of the UK’s busiest transit hubs, attention is currency, and fleeting. With commuters moving fast and competition from dozens of brands, the real problem was how to make people stop, engage, and care. They didn’t just need a screen. They needed an experience that could interrupt routine, invite participation, and reward curiosity, all in seconds.

Long shot of installation
Long shot of installation
  • Problems!

  • Problems!

  • Problems!

I led the end-to-end creative tech development, starting with wireframes and UX mapping in Figma before moving into a React and Next.js build. I engineered the winning logic system, programmed frontend interactions, and optimised everything for deployment across event hardware. I used Whirlwind for animation and designed fallback states for edge-case user behavior. I also collaborated with event producers to ensure seamless integration into the vault hardware and physical space. Every element was stress-tested for speed, interaction time, and repeatability, because in Waterloo Station, every second counts.

Shopsense - Online Fashion Store
Shopsense - Online Fashion Store
Shopsense - Online Fashion Store
Shopsense - Online Fashion Store
  • Solutions

  • Solutions

  • Solutions

The solution was a real-time interactive vault game built entirely in React and Next.js, designed to live seamlessly within the installation and draw in high-volume foot traffic. By combining a simple pin pad tap-to-play mechanic with a custom win-lose logic system, I transformed a passive screen into an active, rewarding experience. It offered instant gratification, invited repeat engagement, and turned a static space into a live moment of brand connection.

Explore Next Projects

Archer

Let's create something extraordinary together.

DM if you’re looking for a fast, reliable creative technologist who can bring your vision to life

Razik
Darji

Copyright © Razik

Archer

Let's create something extraordinary together.

DM if you’re looking for a fast, reliable creative technologist who can bring your vision to life

Razik
Darji

Copyright © Razik

Archer

Let's create something extraordinary together.

DM if you’re looking for a fast, reliable creative technologist who can bring your vision to life

Razik
Darji

Copyright © Razik