Free website check: see what to fix first

PushButton Entertainment

A Singapore company that develops, produces and commercialises immersive experiences, festivals and entertainment IP. We built a dark, cinematic site where the logo becomes the story: the button inside the wordmark gets pressed.

Client
Client
Industry
Experiential entertainment
Year
2026
Draft preview
View the preview Launching soon on its own domain
pushbutton
PushButton Entertainment website, full page

The brief

Signature websiteScroll-driven heroMotion and videoProject pages

PushButton's work is hard to sum up in one line: immersive exhibitions, festivals and destinations, IP and content, live entertainment and brand partnerships. The site had to make people feel it before they read about it.

The idea was already in the logo. Its U and T form a finger and a button. So the hero zooms into that glyph, turns it into real footage and presses the button as you scroll.

What we built

A scroll-scrubbed hero

The wordmark zooms into its own glyph, which becomes video of a finger pressing a button, then bursts into the brand gradient.

Five worlds, one scroll

Immersive experiences, festivals and destinations, IP and content, live entertainment, and brand partnerships each get a full-screen panel.

In the news

A press panel with coverage and announcements, ready for partner and investor conversations.

A page per project

Eleven project pages generated from the client's capability deck, so new work is added from data, not by hand.

Stories brought to life

A horizontal pan through upcoming concepts that holds on the last card before the page moves on.

Built for phones too

On mobile the glyph sizes to the screen width, the footage letterboxes with a fade and the pan becomes a stack.

The press: the glyph turns into footage of a finger on the button.
The press: the glyph turns into footage of a finger on the button.
One of five full-screen worlds, each with its own photography.
One of five full-screen worlds, each with its own photography.
Stories brought to life: a pinned horizontal pan of concepts.
Stories brought to life: a pinned horizontal pan of concepts.

Under the hood

  • GSAP ScrollTriggerScrubs the hero frame by frame in step with the scroll.
  • Frame sequence59 WebP frames cut from generated footage, so the press plays smoothly on any device.
  • Static HTMLNo framework on the page itself, so it loads fast and deploys anywhere.
  • VercelHosting, clean URLs and redirects for the project pages.

At a glance

Hero frames
59
Project pages
11
Status
Draft preview