G'day, I'm Ryan 👋
Fullstack Developer from Auckland, New Zealand. Currently based in Amsterdam, Netherlands.

About

Fullstack Developer with over four years of experience in creative agencies. Skilled in translating client visions into user experiences. Proven track record of delivering high-quality, responsive web applications that enhance user satisfaction and drive business growth.

Work Experience

L

Launch Agent

February 2023 - Present
Fullstack Developer
Led A/B testing initiatives on landing pages and features, resulting in optimized conversion rates and increased revenue. Developed and implemented new features for in-house applications using agile methodologies. Conducted comprehensive audits on client websites to enhance SEO performance.
Next.js
Typescript
Figma
SEO
Stripe
tRPC
Sanity
B

Brave Digital

August 2021 - February 2023
Frontend Developer
Developed pixel-perfect websites and immersive experiences with creative elements. Mentored junior developers, fostering team growth. Collaborated directly with clients to ensure project outcomes aligned with expectations. Architected headless web apps and e-commerce platforms for seamless functionality. Delivered accurate timelines and cost estimates, effectively breaking down projects into sprints and consistently meeting deadlines.
Gatsby
Hydrogen
Next.js
Figma
Sanity
Stripe
C

Citric Digital

January 2021 - August 2021
Frontend Developer
Maintained and enhanced client Shopify and WordPress websites, ensuring ongoing reliability and performance. Focused on optimizing site functionality and user experience to support business objectives.
Shopify
Wordpress

Skills

React
Next.js
Typescript
Node.js
tRPC
Sanity
Prismic
Figma
Gatsby
Hydrogen
Framer
Tailwind
GSAP
Shopify
Stripe
SEO
Git
GraphQL
PostgreSQL
MySQL
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

The Ocean Race Europe 2025 Official Race Tracker

I created the official live dashboard to track the The Ocean Race Europe 2025 which was embedded on the homepage of the official The Ocean Race website and mobile app. Caching and api performance was a key focus as the site was used by hundreds of thousands of people each day.

Next.js
Typescript
TailwindCSS
tRPC
Grafana
Website

Louis Vuitton 37th America's Cup Official Race Weather Center

I led the development of the official weather center for the 37th America's Cup. The site provided real-time weather data and forecasts for each race. The page was embedded on the official America's Cup website and was used by thousands of fans and sailors.

Next.js
Typescript
Sanity
TailwindCSS
Intercom

PredictWind

I built the PredictWind website using Next.js and integrates with a variety of APIs and services. There is a massive focus on SEO and performance, the site has over 500k indexed pages and has helped increase organic traffic and conversions for PredictWind.

Next.js
Typescript
TailwindCSS
Segment
Sentry
Framer Motion
Intercom
Stripe
tRPC
Sanity
Website

Hey Brutus

I built the Hey Brutus website using Next.js and Sanity to easily manage content. The site is fully responsive and has a strong focus on performance and accessibility.

Next.js
Typescript
TailwindCSS
Framer Motion
Sanity
Website

Death to Stock Universe Moodboard

Death to Stock tasked me with creating an interactive moodboard for their marketing website. It is built using HTML Canvas and uses DTS photography to create a memorable infinite scrolling experience.

Next.js
Typescript
TailwindCSS
Canvas API
Website

Goodnature

I had the task of bringing Goodnatures webiste up-to-date with the latest tech, transforming their previously slow Shopify store into a fast, headless e-commerce site. The new site significantly improved user experience and performance.

Hydrogen
Typescript
TailwindCSS
Shopify
Sanity
Framer Motion
Website

Unity Books

I led the frontend development for Unity Books, creating a headless e-commerce site that enhanced the shopping experience and streamlined the online store's operations. Leading to increased sales and customer satisfaction.

Hydrogen
Typescript
TailwindCSS
Shopify
Sanity
Framer Motion
Website
Contact

Get in touch

Want to chat? Just flick an email to hello@ryanfair.dev and I'll respond as soon as I can ✌️

LinkedIn