Jardine Studio: My Hand-Built Next.js Website
Alexander Jardine
I designed and built Jardine Studio as a complete marketing and product platform rather than a static agency website. The Next.js 15 and React 19 application combines an original editorial interface with service architecture, case studies, technical SEO, structured data, conversion attribution, and responsive motion.
The platform also contains working tools. Its technical SEO audit can crawl up to 25 pages, evaluate site and page-level signals, preserve audit state, and generate downloadable reports. A five-step cost calculator turns project type, page count, integrations, editing cadence, and timeline into a transparent planning range.
Working systems showcase for booking, calculation, configuration, and intake workflows.
Custom homepage visual system in light mode. Dark mode is used as the project cover.
Multi-page technical SEO audit interface with optional business context.
Five-step cost calculator result with scope logic, CMS guidance, and email delivery.
The underlying system includes strict TypeScript, server routes, validated forms, rate limiting, first-party conversion tracking, PDF generation, security controls, accessible interaction patterns, reduced-motion support, light and dark presentation logic, and structured content used across service, vertical, journal, and case-study pages.
The result demonstrates how brand design, frontend engineering, backend logic, SEO, and conversion strategy can operate as one maintainable product.
Tools hub connecting the SEO audit and project calculator to the wider site.
Like this project
Posted Sep 2, 2026
My hand-built studio website: a Next.js platform showcasing technical SEO, interactive tools, and conversion-focused design.
