Landing Pages & Marketing Sites
Marketing sites where the motion survives the performance budget
A site that feels this considered usually loads like it, and that is the one trade a brand cannot afford. So the animation work and the performance work are the same work — decided together, on a budget, on a mid-range phone.
- Framework
- React 19, Next.js, Vite
- Motion
- GSAP, Framer Motion, Three.js / WebGL
- Styling
- Tailwind CSS v4
- Content & data
- Sanity CMS, Airtable
What the build includes
A layout built around the argument the page is making rather than around a template
Scroll, GSAP and WebGL motion held to a measured budget, with a full reduced-motion path
Technical SEO built in — per-page metadata, structured data, crawlable markup and a real heading structure
Responsive from a 360px phone up, including the motion and not just the type
Enquiry flows that actually reach you: validated forms wired to a destination you already read
Work that shows it
Each of these is a full case study — the problem, what I built, and the technical decisions behind it.
Conversion-Focused Landing Page
A conversion-focused landing page in React, Tailwind and GSAP — structuring the page around objections, and the technical SEO built in at build time.
ReactTailwind CSSGSAPSEO
Evro AI — B2B SaaS Landing Page
A React 19 and Vite landing page for an AI coaching startup: a header that follows the section colour, a pausable autoplay slider, and copy kept in typed data files.
React 19TypeScriptViteTailwind CSS v4
Anomaly Response Squad — Immersive WebGL Landing Experience
A cyberpunk landing experience in vanilla JavaScript, Three.js and GSAP — WebGL motion and scroll choreography with no framework and no build step.
Vanilla JavaScriptThree.jsGSAPWebGL
Often part of the same project
Next.js & React Web App Development
Production Next.js and React builds in TypeScript — App Router, server components, typed data boundaries, and a bundle that scales with how much of the page is interactive.
Dashboards & Data-Heavy Interfaces
Admin consoles and market explorers — live data, charts, sortable tables, and a hierarchy that puts exceptions first instead of giving every panel equal weight.