Skip to main content
Home
GrN.dk

Main navigation

  • Articles
  • Cases
  • Services
  • Your Digital Project Manager
  • About Greg Nowak
  • Image Gallery
  • Contact
User account menu
  • Log in

Join my community / free newsletter — sign up here

Breadcrumb

  1. Home
  2. Cases

An interactive demo of the Trello-to-AI workflow

Client
GrN.dk — internal build
Sector
AI workflow automation
Period
July 2026

cases.grn.dk ↗

cases.grn.dk: the interactive kanban demo with two cards labelled ai:working and one finished card in Done

At a glance

One Trello card asked for something that would show — not tell — how a Danish company can hand work to an AI colleague. The answer was cases.grn.dk: a self-contained interactive page where the visitor types a task, watches an AI pick it up, gets asked a question, answers it, and sees the finished card land at the top of Done. The brief, the domain, the design, the copy, the sound and the publication were all handled by the AI setup the page describes.

1 Trello card from brief to live site
24 KB of HTML — the entire site
0 frameworks, no build step, no tracking

The challenge

“AI can take work off your desk” is easy to claim and hard to feel. A screen recording proves nothing — anything can be edited — and a written explanation of labels, queues and hand-offs loses a business owner in the first paragraph.

The brief was explicit about that: not a video. An interactive page, in Danish, aimed at Danish companies, that shows the whole loop — task in, AI picks it up, AI asks when it is unsure, human answers, finished work lands in Done — using sound and motion where they help rather than decorate. And it had to be published on its own domain.

The solution

cases.grn.dk is a single hand-written HTML file: 24 KB, no framework, no build step, no external assets, no tracking. Everything the page needs is inline, down to the emoji favicon.

The centre of the page is a working kanban simulation that borrows the real vocabulary of the live workflow instead of mocking one up:

  • the visitor types a task — or taps one of four presets — and the card drops into To-do;
  • a robot picks it up, the yellow ai:working label snaps on, and a log types out what it is doing;
  • one task hits a genuine decision, slides to Venter på dig with the orange ai:waiting label and asks its question on the card — the visitor answers with a button and unblocks it;
  • the finished card lands at the top of Done with a green label, a result note and a chime.

Every sound is synthesised in the browser with the Web Audio API, so there are no audio files to download, and the Danish narration uses the Web Speech API with a da-DK voice when the visitor's device has one — with a mute toggle in the corner for when it does not fit the moment. Below the demo, four steps explain the loop in plain Danish, and then the page makes the point that matters: it was ordered exactly the same way, and the card that ordered it is sitting in Done.

Delivery included the hosting, not just the page: an OpenLiteSpeed virtual host with scripting switched off — there is no server-side code to attack — plus a Let's Encrypt certificate and an HTTP-to-HTTPS redirect.

The results

The page has been live since 19 July 2026 and does in under a minute, on a phone, what normally takes a sales call: the visitor runs the workflow themselves, including the part where the AI stops and asks a question, which is the part people do not expect.

Because it is a static file, it costs effectively nothing to run, shrugs off a traffic spike, and has no database, plugin tree or admin login to keep patched.

And the build is its own evidence. The domain, the TLS certificate, the interaction design, the Danish copy, the synthesised sound and the publication all came out of one Trello card — the same loop the page lets you play with.

Not a video, but an interactive page or whatever it could be best practice mindblowing wow factor 2026.

The Trello card that ordered this page
  • AI workflow automation
  • AI agents
  • trello
  • javascript

Got a project that needs the same kind of hands-on delivery?

Your digital project manager

Review Greg on Google

Greg Nowak Google Reviews

 

Written recommendations from Trafik og Veje, Aarhus Municipality (2011) and AgroTech (2010) — read them on LinkedIn.

Illustrated infographic summarizing: What Are Customers Asking? Let AI Find the Patterns in Support Tickets
What Are Customers Asking? Let AI Find the Patterns in Support Tickets
2026-09-04

AI-based ticket analysis can uncover recurring complaints, product defects and gaps in documentation—without the company needing yet another chatbot.

Illustrated infographic summarizing: OpenAI Has Machine Identity Now. Which Jobs Should Lose API Keys?
OpenAI Has Machine Identity Now. Which Jobs Should Lose API Keys?
2026-09-03

OpenAI’s X.509 workload identity can replace API keys for the right workloads. This practical framework helps teams decide where to start safely.

Illustrated infographic summarizing: WordPress 7.1 Exposes AI-Ready Actions. Who Gets to Run Them?
WordPress 7.1 Exposes AI-Ready Actions. Who Gets to Run Them?
2026-09-02

WordPress 7.1 helps AI agents discover and invoke site abilities. Here is how to keep exposure, authentication and permission firmly separate.

Illustrated infographic summarizing: From Sales Meeting to CRM: Automate Follow-Up Without Compromising Data Quality
From Sales Meeting to CRM: Automate Follow-Up Without Compromising Data Quality
2026-09-01

How to use AI for meeting notes and follow-up while fixed rules protect CRM data, customer matching and the sales pipeline from errors and premature changes.

Illustrated infographic summarizing: Your AI Gateway Can Name the User. Decide What That Log Is For
Your AI Gateway Can Name the User. Decide What That Log Is For
2026-08-31

Identity-aware AI Gateway logs can sharpen security and cost control, but only when attribution, access, retention, guardrails, and response are clearly defined.

Illustrated infographic summarizing: Zero Data Retention Is a Workflow Audit, Not a Checkbox
Zero Data Retention Is a Workflow Audit, Not a Checkbox
2026-08-30

Zero Data Retention covers the provider, not every copy in your stack. See how to audit endpoints, logs, storage, deletion and project-level controls.

Illustrated infographic summarizing: MCP 2026-07-28 Is an Auth Migration, Not a Version Bump
MCP 2026-07-28 Is an Auth Migration, Not a Version Bump
2026-08-29

MCP’s July 2026 release removes protocol sessions and tightens OAuth. Here’s a practical plan for migrating clients, servers and enterprise access safely.

Illustrated infographic summarizing: Turn a Technician’s Voice Note into a Work Order—Not Raw Audio
Turn a Technician’s Voice Note into a Work Order—Not Raw Audio
2026-08-28

Voice input can reduce the technician’s documentation burden when hours, materials and status are validated before the information is saved in the work order system.

Illustrated infographic summarizing: ChatGPT Disabled Personal Knowledge Sync. What Broke on Your Team?
ChatGPT Disabled Personal Knowledge Sync. What Broke on Your Team?
2026-08-27

ChatGPT retired personal sync connections for Enterprise and Edu. Here is how to find affected workflows, migrate access, and test permissions.

Illustrated infographic summarizing: Cloudflare’s September Bot Defaults Could Quietly Cut AI Visibility
Cloudflare’s September Bot Defaults Could Quietly Cut AI Visibility
2026-08-26

Cloudflare’s September bot defaults give publishers more control, but one training block could also cut search crawling and AI-driven discovery.

More articles
RSS feed

Footer

  • All articles
  • Contact

GrN.dk — AI automation, web platforms, web optimization, data handling and logistics.

© 2026 GrN.dk · LinkedIn · Contact · AI automation in Danish: nowa.dk

Behind GrN.dk: Individual Entrepreneur Codecrafter · Tax ID 305669096 · Bakhtrioni St. 22, 0194 Tbilisi, Georgia · official business register