Studio.lemma← Back
(Learn) — The workflow

Ship a Tier-2
motion site.
In 14 days.

A practical course on designing and building MOTION-FIRST websites with AI-ASSISTED workflows. Real code, real output, real client-grade craft. Not no-code tutorials, not screenshot tours.

FormatSelf-paced video + source
Length~14 days at 1–2 hr/day
CohortFounder · Q3 2026
RefundShip or refund
(02) — What you ship

Four DELIVERABLES, not a video library.

(01)

A real portfolio site

Ship one Tier-2 motion site that you own — full source, deployed to your own domain. Not a templated screenshot factory.

(02)

A reusable motion system

GSAP recipes, scroll choreography, and chip / marquee / eyebrow vocabulary you can re-skin for client work for years.

(03)

The Claude Code workflow

How to plan, build, and ship motion-heavy sites in a weekend instead of a month — using AI as a build partner without losing craft.

(04)

An IG-fileable case study

Each module ends with a finished section you can record and post. Build the portfolio and the funnel in the same sitting.

(03) — Curriculum

Five modules. Each ends with SHIPPED CODE.

  1. (01)

    Foundations

    Next.js App Router + Tailwind 4 + project skeleton. The design vocabulary — palette discipline, typography pairing, the chip / eyebrow / marquee primitives that read as premium.

  2. (02)

    Motion fundamentals

    GSAP + Lenis + ScrollTrigger. SplitText hero reveals, fade-up scroll sequences, scramble decode on eyebrows, and the velocity-reactive recipes that lift any landing page.

  3. (03)

    Editorial layout

    Building the dossier — scroll-scrubbed headlines, inline circled-word annotations, chip-box phrase emphasis, marquee tickers, leader-line callouts. The Sutera/Mersi school of density.

  4. (04)

    WebGL without the headache

    Three.js + R3F. Wireframe heroes, real-model loading, transparent canvas overlays. The 5% of Three.js that gives you 80% of the perceived craft, without becoming a shader specialist.

  5. (05)

    Ship

    Vercel deploy, custom domain, performance budgets, attribution discipline, the case-study narrative. How to film and post the IG content as the work is shipping — not after.

(04) — Fit

Built for

  • Devs comfortable in JS who want to level up to motion-heavy portfolio work.
  • Designers learning just enough code to ship the sites they're already mocking up.
  • Freelancers tired of $500 templates wanting to charge $3–8k on real craft.
  • PhD / grad-student creators building a side income without leaving their field.

Not built for

  • Total beginners with no React or HTML/CSS exposure.
  • Anyone expecting a no-code tool — this is real source code end-to-end.
  • Anyone expecting overnight clients. The funnel works; it still takes weeks.
  • Shader specialists looking for advanced GLSL — this stays pragmatic, not academic.
(05) — Founder list

First 50 lock founder pricing.

Doors open in Q3 2026. The founder list gets first access plus 50% OFF retail, locked at checkout for life of the course.

No spam · Unsubscribe with one click · ~1 email per month

(06) — FAQ
  1. (01)

    When does it launch?

    Founder cohort opens Q3 2026. The waitlist gets first access plus founder pricing locked at 50% off retail.

  2. (02)

    Do I need to know GSAP or Three.js?

    No. You need basic React and comfort with a terminal. We build both libraries' fluency from zero, only learning the parts that ship sites.

  3. (03)

    Is this just AI prompting?

    No. AI is the build partner, not the product. You'll write real code, understand it, debug it, and ship it on your own domain.

  4. (04)

    How long does it take?

    About 14 days at 1–2 hours/day. Designed to fit around real-life schedules, not as a 40-hour bootcamp.

  5. (05)

    Refund policy?

    Complete every module and don't ship a site? Full refund — I'm betting the course works. If it's just not what you expected, the first 7 days are no-questions.

  6. (06)

    Will the projects be mine?

    Yes — full source, MIT-licensed examples, and the site you build is yours to deploy as your own portfolio.

Still have questions? hello@studiolemma.dev