Outcome examples

What the method produces

Three teaching studies built by Stan with an AI coding agent, using the same direct, build, check workflow taught on the course.

They are studies, not client websites. On the course day you build and inspect one landing page of your own in module 06 (75 minutes).

Example 01 / 03 · Thai Native Gems

Outcome example 01

A redesign you can inspect.

Thai Native Gems, reimagined as an interactive 3D jewelry experience.

Stan directed the build from the business's public website content, checked each step in the browser and revised. The 3D ring is rendered with Three.js.

Teaching study, not a client website.

Interactive redesign

Explore the result.

Scroll, rotate the jewelry, and change its cut, metal and gemstone.

Prototype 01 · Thai Native GemsInteractive prototype

Preview of the Thai Native Gems redesign study with a 3D gemstone ring

Interactive 3D content, loaded only when you ask.

Open in a full tab

Before / after

Before and after.

The same public business content, with a new visual hierarchy.

Current public Thai Native Gems homepage captured on 25 August 2026 — Before · live website
Current public homepage · captured 25 August 2026.

Screenshot of the Thai Native Gems redesign study with an animated 3D gemstone ring — After · redesign study
Current interactive concept · captured 25 August 2026.

What this shows

Module 07 · Adapt components into a distinct application. A 3D ring component was reused for a new purpose; on the course you assemble a bounded prototype the same way.

Outcome example 02

A travel page made to explore.

Soi & Shore, a tactile travel journal for Bangkok and the routes beyond it.

Built from a short brief the same way: direct the build, check the page in the browser, revise. A destination list becomes an interactive journey through place, pace and photography.

Teaching prototype. Fictional agency; no bookings are taken.

Interactive travel journal

Open the journal.

Turn the pages, drag the loupe and choose a destination from the field index.

Prototype 02 · Soi & ShoreInteractive prototype

Preview of the Soi and Shore travel journal with a page half turned

Interactive 3D content, loaded only when you ask.

Open in a full tab

City / country

Bangkok, then beyond.

One visual system carries the route from city streets to northern mountain air.

Hand-drawn night traffic and illuminated signs on Yaowarat Road in Bangkok — Bangkok · After dark
Yaowarat becomes the city chapter of the journal.

Hand-drawn misty forest on Doi Inthanon in northern Thailand — North · Mountain air
Doi Inthanon expands the journey beyond the capital.

What this shows

Module 06 · Build a landing page. A brief became a working page that was inspected in the browser and revised; on the course day you build and inspect one of your own.

Outcome example 03

A journey built from atmosphere.

Echo Vale, a cinematic field journal above the cloud line.

Every effect here began as a plain instruction, was checked in the browser and corrected. Motion, place and a horizontal passage turn scrolling into a sense of travel.

Teaching prototype. Fictional place; no reservations are taken.

Interactive field journal

Enter the vale.

Move through the point-cloud weather, switch locations and drag the horizontal journey.

Prototype 03 · Echo ValeInteractive prototype

Preview of the Echo Vale field journal showing a misty valley on a desktop screen

Interactive 3D content, loaded only when you ask.

Open in a full tab

Field / shelter

Cloud outside. Stillness within.

One material world carries the passage from a rain-dark forest into a quiet mineral interior.

Brutalist cloud house embedded in a misty conifer forest — Field · Cloud House
Monumental architecture appears through the forest weather.

Pale concrete pavilion with moss, still water and a misty mountain view — Shelter · Moss Pavilion
Stone, water and pale light slow the journey inward.

What this shows

Direct, inspect and revise. Each effect was asked for in plain words, checked in the browser and corrected; that loop runs through the whole course day.

Example 01 / 03 · Thai Native Gems

Next step

Build one yourself on the course day

Practical AI for Real Work is one 8-hour classroom day in Bangkok where you direct, build and check a page of your own.

Request a seat See the full day

No payment now. Stan replies personally with the date, venue and payment details.