← Case Studies
Client · Education·2026·Brand · Design · Build

Canyon State Institute

Canyon State Institute is a veteran-owned career school that needed a website worthy of the outcomes it delivers. I built it end to end — brand, design, and code — with motion that earns attention and art direction where every photograph was generated to exact spec rather than pulled from a stock library.

Visit the live site
Canyon State Institute
End to endbrand, design + build
100%imagery generated to spec
2 trackscareer + high-school diploma
23pages built
01

The problem

A career school competing for students against far bigger names, with no brand system and nothing on the site that conveyed the seriousness of what it actually delivers. And a hard constraint: no authentic photography that fit the story — the usual stock libraries would have made it look like every other school.

02

The build-vs-buy call

Build a real brand and a real site instead of pouring content into a template — and solve the imagery problem head-on by generating every photograph to precise art direction: the people, the campus, the materials. Each image was regenerated until no AI artifacts survived, so nothing on the page reads as synthetic.

03

What shipped

A full multi-page site: programs with a filterable catalog, a guided credential pathway that springs into place as you scroll, an animated fast-facts band that counts up the school's outcomes, a dedicated high-school-diploma track alongside the career programs, a working admissions inquiry flow, and a "founded by those who served" veteran band.

Under the hood, a proper share and SEO layer — EducationalOrganization and Course structured data, per-page share cards, and scroll-reveal and count-up motion that degrades gracefully for reduced-motion and no-JS visitors.

04

The result

Live, fast, and distinctly its own — a school that finally looks like the outcomes it produces, built from a blank page to a brand in one engagement.

What made it work

  • 100% of imagery generated to art direction — no stock photography
  • Animated outcome stats and a spring-loaded credential pathway, all reduced-motion-safe
  • Dedicated high-school-diploma track alongside career programs
  • EducationalOrganization + Course structured data and per-page share cards
  • Brand system designed from scratch, plus a working admissions inquiry flow
Next.js 16Tailwind v4Framer MotionVercel

Want something built like this — where the person who makes the call is the one who ships it?