I’m Christopher — a design engineer who cares a great deal about web performance.

Featured work 2023 – 2024

Substrate

Design & Frontend Engineering

Branding refresh for an AI startup.

For the rebranding and relaunch of Substrate’s marketing site, the objective was to deliver a typography-focused, monochromatic design, as requested by the client. The final site features a narrow-width layout with quirky serif headings and friendly geometric sans-serif body text. Accented by subtle patterns, the clean and refined design elegantly reflects the quality of Substrate’s AI-as-APIs platform.

Visit Substrate

Client
Substrate
Year
2024
Stack
React (Next.js), TypeScript, CSS (Tailwind CSS), MDX
Services
Frontend Engineering, Visual Design, Branding, Design System
Substrate

Pinecast

Frontend Engineering

An ambitious marketing website for a podcast-hosting platform.

I led the frontend development for Pinecast’s ambitious marketing site redesign, turning Times Two’s vibrant, comic book-inspired vision into an other-worldly, multi-sensory experience. Working from detailed Figma mockups and Framer videos, I built dynamic React components that balanced design fidelity with performance, using creative CSS solutions over JavaScript-heavy approaches. I developed the scroll-based animation effects, where elements dynamically transform—text transitions from outlined to filled, accent colors shift between sections, and interactive components animate seamlessly with smooth transitions. The project comes to life with vibrant visuals and smooth interactions, creating a memorable experience that draws visitors into the brand.

Visit Pinecast

Client
Pinecast
Year
2024
Stack
React (Next.js), TypeScript, CSS, SVG, Animation, MDX
Services
Frontend Engineering, Animation, Web Performance, Design System

Micro

Fullstack Engineering

A magical developer documentation service for internal APIs & microservices.

I was a lead fullstack developer on ReadMe Micro — a platform for auto-generating API documentation. Connect an organization on GitHub/Bitbucket, select the repos with OpenAPI Specification (OAS) files, and Micro automagically creates an API Reference. With Micro, internal APIs are synced and stored in a central place.

Visit Micro

Client
ReadMe
Year
2023
Stack
React (Next.js), CSS, SVG, Animation (GSAP), Node.js, MongoDB (Prisma)
Services
Fullstack Engineering, Animation, Web Performance, Design System

ReadMe

Frontend Engineering

Marketing website for an API documentation company.

I partnered with ReadMe designers to produce two hero animations for the Documentation and Community pages of the ReadMe.com marketing site. I storyboarded the design concepts in Figma; the visual style was enhanced by ReadMe designers; I coded the scenes as React components using imperative GSAP with React hooks.

Visit ReadMe

Client
ReadMe
Year
2023
Stack
React (Next.js), TypeScript, CSS, SVG, Animation (GSAP, React-Spring)
Services
Frontend Engineering, Animation, Web Performance, Design System

About me

I’m Christopher, a seasoned design engineer & fullstack engineer passionate about crafting exceptional user experiences that prioritize security and performance.

With over two decades of experience, my journey began in 2003 when I founded a web agency, building advanced web applications for the film industry. This early experience set the foundation for my future work pushing the envelope of the Web.

At Mozilla, I worked on high-availability APIs and was at the forefront of groundbreaking web technologies, building tooling and immersive experiences. I co-created the A-Frame framework, led efforts to build VR browsers, and worked on standards that shaped the future of web-based virtual reality. My collaborations with industry leaders like Oculus, Microsoft, and NASA and my role in key W3C initiatives pushed the limits of what browsers could do, especially in immersive tech.

Post-Mozilla, I led frontend efforts at startups like Aalto and Tome, focusing on product design, engineering, and privacy. Today, through my freelance studio, I tackle complex challenges whilst creating sleek, high-performance web apps that stand out.

Experience

Services

Selected past clients

Contact

Want to create something awesome? Get in touch!