Infinity Jump Hamburg — Interactive Game Arena Website
( Role )
Designer & Frontend Developer
( Scope )
- Design system and every page
- The GSAP motion system and pixel transitions
- The room and event content
- The Happy Hour promo
- Consent-gated Instagram
- TikTok and YouTube embeds
- German legal pages with AGB
- Unit tests for the logic that has to be right
( Stack )
- Next.js 16
- GSAP
- Lenis
- Vitest
( Brief )
Infinity Jump is an indoor arena in Hamburg where friends, families, birthday parties and company teams play through eleven interactive challenge rooms — Blocks, Laser, Mega Grid and the rest — with a live highscore. The old site didn't feel like the place. The brief was a rebuild with the energy of the rooms themselves, using only the venue's real content: no invented prices, hours or testimonials.
( Approach )
Every page opens on one giant word in Humane — JUMP, ROOMS, EVENTS, ABLAUF — on a colour of its own, stamped with a rotating seal and a pixel pictogram drawn from the LED floor's tile grid. Sections slide over each other as layers, and the signature move is pixel by pixel: as you scroll, LED tiles fly in and lock into the jumper, the trophy and the bolt. GSAP with ScrollTrigger and SplitText drives the motion on a Lenis scroll, and all of it steps aside under reduced motion.
( Challenge )
The pixel effects had to look identical on the server and in the browser, so the grid uses a small seeded random generator instead of Math.random — and is unit-tested, along with the consent logic and the promo window. The Happy Hour ticket in the hero reads its dates in Berlin time and removes itself when the offer ends, so nobody has to remember to take it down.
( Responsibilities )
Design system and every page, the GSAP motion system and pixel transitions, the room and event content, the Happy Hour promo, consent-gated Instagram, TikTok and YouTube embeds, German legal pages with AGB, and unit tests for the logic that has to be right.
