Rokoko — Motion Capture Web Platform

Rokoko makes motion-capture hardware and software used by studios and indie creators to animate 3D characters. I joined as the sole frontend engineer, responsible for both the public-facing marketing website and internal tooling projects, collaborating directly with a designer and the backend team.

The challenge: the existing web surface was built on a legacy stack that was slowing down feature delivery and making design iteration painful. Internally, the team needed new browser-based tools for a 3D animation library and a data annotation workflow, neither of which existed yet.

Owned the full public marketing site built on Webflow: product pages, pricing, landing pages, and content updates. This was the primary conversion surface for Rokoko's hardware and software products.

Worked closely with the designer to ship responsive, performance-conscious pages that matched the brand's visual identity. Handled everything from layout and animation to SEO and deployment.

Migrated critical sections of the legacy frontend to React and Next.js as part of a phased modernization program. The goal was to move off the old stack incrementally without breaking the live site for users or disrupting the content team's workflow.

This meant running old and new code side by side during the transition, routing specific pages through Next.js while the rest stayed on the legacy stack, and progressively expanding the modern surface as each section was validated in production.

Built browser-based internal tools that the team used daily. One was a 3D animation library viewer (for browsing and previewing motion-capture clips), and the other was a data annotation interface used to label and categorize motion data.

These were internal-only projects, so no public screenshots, but the technical surface included WebGL rendering, custom UI for scrubbing and tagging animation timelines, and tight integration with backend APIs for asset storage and metadata.

Sole frontend contributor across all web projects. Collaborated directly with the designer on UI/UX decisions and with the backend team on API contracts and data models. Owned technical decisions for the frontend: stack choices, build tooling, code structure, and release process.