Personal project · 2026

A portfolio you can play, not just scroll.

The site you’re on: a portfolio for a Unity and XR developer that opens with a playable game, tells each project as a short case study and keeps 20+ projects easy to browse by year and platform. Design and development by me.

Role
Design & development
Team
Me + Claude Code
Stack
Next.js · TypeScript · MDX · CSS Modules · GSAP · Claude Code
The portfolio home page: the headline Worlds people want to step into, an intro paragraph and the Neon Snake game below
The home page: a gradient headline, a short intro, and Neon Snake ready to play.

01 — THE PROBLEM

Interactive work is hard to show on a static page.

Most of what I build lives in a headset, on a phone or on smart glasses. Screenshots flatten it, and a long list of client names says little about what I actually did on each project.

I wanted a portfolio that shows interactive work interactively, explains every project in the same short format, and stays fast and readable on any screen.

02 — THE BUILD

Three decisions behind the site.

  1. The home page hero with the Neon Snake game ready to start

    Open with something playable

    Instead of a showreel, the home page opens with Neon Snake, my game for Meta Ray-Ban Display, running right in the browser. On phones it switches to a short video loop, so nobody gets a game they can’t control.

  2. A case study page: a large gradient title, a one-line summary, and role, timeline, team and stack

    Every project told the same way

    Each project is a short MDX file that turns into a case study with the same structure: problem, build, impact. Role, team and stack sit at the top, so a recruiter can see what I did in seconds.

  3. The All projects list: platform filters above a year-by-year timeline with thumbnails

    A timeline you can filter

    All projects sit on a year-by-year timeline with thumbnails, and filters for VR, AR, mixed reality, wearables, web, mobile, games and tools. Selected work above it highlights the projects with the strongest numbers.

03 — THE IMPACT

projects, each with its own page
24
minimum text contrast on the accent colours (WCAG AAA)
7.8:1
of pages generated ahead of time, no server needed
100%

Motion and the cursor glow switch off for people who prefer reduced motion.

Next project