Work · UI & Web
KHORAa football chess world
A live online game where every World Cup nation becomes a hand-drawn chess set. Collect them, open packs, customise your locker room and play real opponents. Everything below is the actual code from the game, running right here.
01 — Locker room
A collection you can pick up.
The locker room is where players show off their sets. The featured piece isn't a flat image: it tilts toward your cursor, leans into the direction you drag it and springs back into its card.
02 — Pack opening
The two seconds everyone waits for.
Opening a pack is the emotional peak of the shop: a spinning reel, rarity-coloured light, sound that builds, and a reveal timed to land exactly when the tension does.
03 — Onboarding
Pick a flag without a dropdown.
The first thing a new visitor does is choose their nation. Instead of a form, the badges glide under the cursor like a reel: the further you lean, the faster it runs.
Also designed & built
The rest of the world.
Online rivals
Real-time matchmaking into ten ranked divisions, with a ladder animation after every game.
Match review
Replay any game move by move, with the clocks kept in sync.
Challenges
Daily rotators, milestones and a 37-level journey that keeps players coming back.
Sound
Synthesized Web Audio plus a custom sound bank, with volume and tone settings.
Cinematic entrance
A full-screen welcome: signature stroke, nationality picker and a hub of pieces.
World Cup hub
Live fixtures, news, tournament history and a match simulator around the game.
KHORA on Instagram
A nation in two slides.
Social posts for KHORA. Each nation opens with a poster built from its whole squad of pieces, then a roster slide that lines up and names every piece.
Swipe it: drag, use the arrows or scroll sideways through all 8 slides.
Film carousel
Kagemusha, told by a grandfather.
A seven-slide carousel on Kurosawa's Kagemusha, written in Spanish. Each slide pairs a still with one line of the Takeda clan's motto: swift as the wind, silent as the forest, fierce as fire, immovable as the mountain.
Swipe it: drag, use the arrows or scroll sideways through all 7 slides.
Social & editorial design
Stories, one swipe at a time.
Instagram carousels: layout, type and copy built to be read slide by slide.