← All work
Web · Next.js 2025
ARS Ratio

Fast by design,
fast as it grows.

Marketing site for ARS Ratio, an AI consultancy. Custom design and build in four weeks - structured metadata, green Web Vitals, and zero CMS, all wired from the first commit so the site stays fast as content and sections grow.

4 weeks
4/4 Lighthouse green
100% static
2025 shipped
Custom build Role
AI consulting Sector

The brief.


ARS Ratio is an AI agency - they consult businesses on AI strategy, run AI education, and build custom AI solutions for their clients. They needed a marketing site that carried the same clarity they bring to their work: clean, fast, and easy to find by people and crawlers alike.

The bar was set from the start. Structured data correct from the first deploy. Every Web Vital in the green. Zero CMS debt. Built right the first time so iteration later stays additive, not corrective.


The approach.


This was a request build, not an embedded engagement. ARS Ratio brought the content and the outline of what the site needed to say - who they are, what they do, how they think about AI. We owned the rest end-to-end: design, build, logic, performance, motion, everything under the hood.

The stack was picked to stay out of the way. Next.js App Router with React and TypeScript, Tailwind for styling, Turbopack for fast iteration. Schema.org JSON-LD, Open Graph, canonical URLs, sitemap, and RSS all generated at build. Framer Motion for motion, Lucide for icons, Midjourney for the custom imagery. No CMS - content lives in the repo, which means it ships with the same discipline as code.

Built
  • Design systemTypography scale, color tokens, and reusable components the team can extend without a designer in the loop.
  • Pages & sectionsEvery section shaped around ARS Ratio's content - not a template, not a stock layout.
  • MotionFramer Motion for interaction that feels alive without dragging performance.
  • ImageryCustom visuals generated with Midjourney, tuned to the brand's voice.
Wired
  • Structured dataSchema.org JSON-LD for organization, services, and content - machine-readable from day one.
  • Open graphPer-page OG + Twitter cards so every shared link renders with the right preview.
  • DiscoverySitemap, robots.txt, canonical URLs, and an RSS feed auto-generated on every build.
  • PerformanceStatic where possible, images optimized at build, fonts subset and preloaded, nothing bolted onto the critical path.
Outcomes

Green across the board.

100performance
100accessibility
100SEO
100best practices

Top-tier scores across every Lighthouse category, green across every Web Vital. Built to stay fast as the site grows - not tuned to hit one benchmark and decay.

Appendix

Stack & tooling

Framework 3
Next.js React App Router
Build 3
TypeScript Tailwind CSS Turbopack
Motion & media 3
Framer Motion Lucide icons Midjourney imagery
Discovery 4
Schema.org JSON-LD Open Graph Sitemap + robots RSS feed
Hosting 1
Vercel
← All work
~ 15 min. no pitch. no spam. ~

Tell us what you're actually building.

You send us the idea. We reply with scope, timeline, and a ballpark.