Case-study sites from the AI Website Pro course. Fictional businesses are labeled; nothing here takes real bookings.
AI Website Pro Course field guide

Real business / The ceiling, technical register

Leleu Labs, concept redesign

Open Leleu Labs, concept redesign

A concept redesign built on 2026-10-31 from the same facts as the September snapshot above. It never replaces the live site, leleulabs.io.

Leleu Labs, concept redesign home page at 1280 pixels wide; concept redesign banner visible
Desktop / 1280 × 900
Leleu Labs, concept redesign home page at 375 pixels wide; concept redesign banner visible
Phone / 375 × 812

Purpose

Show what the same facts look like as a one-scroll, award-style site. Every line of copy comes from the live leleulabs.io; the showpiece adds a narrative order, a motion system and one colour of light.

Who it is for

An AI or software consultancy that sells transformation and wants the site itself to be the first proof of taste. The premium tier, not the baseline.

Essential features, and why

  • One long narrative page with a chapter rail (problem, shift, method, capabilities, Company Brain, people, start), because a transformation story reads better unbroken than split across pages.
  • A live signal-field instrument in the hero with the five real system-map nodes as HTML labels, because the one moving thing on the page should be the product, not decoration.
  • Exactly one accent colour used only where something is live (buttons, nodes, the method line), because restraint is what makes a dark site read as expensive.
  • The ownership promise stated where a template would put logos, because the live site has no client names and the design does not invent any.
  • A quiet contact page with inline validation and no data transport, because the next step is a conversation.
  • The September snapshot stays on this hub as the before, because the course teaches the baseline first and the ceiling second.

Add if you want more

  • Wire the contact form and test delivery to the founder.
  • Add client proof only when a client signs off on it.
  • Add a real booking link to the Start chapter if a scheduler exists.

Get found (SEO and AI search)

  • Organization schema matching the company facts on the live site.
  • Unique titles and descriptions on all five pages, sitemap.xml and a canonical on each.
  • llms.txt carries the live site body with the concept-redesign disclosure on top.

Secure and mobile

  • Reduced motion switches off all six moves and renders every chapter in its final state.
  • Zero third-party requests: fonts are self-hosted, so the page loads in 1.5 seconds on a throttled phone.
  • Privacy page, custom 404, HTTPS and the four security headers verified on staging.

What this build teaches

2.5, 3.3 taken to the limit: a design brain with one accent colour, six restrained motion moves, self-hosted fonts and a Lighthouse 100, built from the same five pages of facts as the September snapshot above.

Ship-checklist scorecard

92 passed · 0 failed. Folder checks only. Staged headers, live routing, form delivery, and phone interactions are not verified.