# bluewing — reale App-Demo für die Präsentation

Stand: 17.09.2026. Diese Fassung ersetzt die frühere Aufnahme mit lokalen Antworten.

- [Player mit Kapiteln und Vorher/Nachher](https://bluewing.ch/demo)
- [MP4 herunterladen](https://bluewing.ch/demo/bluewing-app-demo.mp4)
- [Offline-Player als einzelne HTML-Datei](https://bluewing.ch/demo/bluewing-pflegedemo.html)
- [Poster: App-Symbol auf dem Homescreen](https://bluewing.ch/demo/app-start.webp)
- [Exakte Kapitelmarken](https://bluewing.ch/demo/schnitt.json)

## Was gezeigt wird

Die echte bluewing-App im iPhone-16-Pro-Max-Simulator: App-Symbol auf dem Homescreen
antippen, Foto aus der nativen Mediathek wählen, Begleittext im Entwurf ergänzen und
beides gemeinsam senden. Danach die echte Website-Vorschau ansehen, den Titel per
Chat korrigieren, die neue Vorschau prüfen und in der App live veröffentlichen.
Zum Abschluss: Bestellungen, Anfragen und Besuchsstatistik. Kein Website-Neubau.

Blumen Silberdistel ist ein fiktiver Beispielbetrieb. Bestellungen, Anfragen und
Statistik wurden im vorhandenen Supabase-Konto vorbereitet. Die Chat-Antworten,
Website-Änderungen, GitHub-PR, Netlify-Vorschauen und die abschliessende Freigabe
sind tatsächlich über die produktiven Dienste gelaufen. Die Blumenfotos sind
KI-generiert. Es wurden keine realen Kundenbestellungen ausgelöst.

Die Texteingaben laufen vierfach beschleunigt, mit vier Sekunden Lesepause vor dem
Absenden. Andere Bedienhandlungen bleiben in normaler Geschwindigkeit. Längere
Stillstände sind gekürzt; zwei Zeitkarten kennzeichnen die Baupausen. Logo und
mobile Navigation der Beispielwebsite wurden auf Wunsch überarbeitet. Die
Website-Ansichten und Vergleichsbilder sind entsprechend neu im Simulator
aufgenommen; ursprüngliche Inhaltsstände, Chat und Freigabe bleiben erhalten.

## Einbindung

3:22 Minuten, H.264, 880 × 1912 Pixel, 60 Bilder/Sekunde, ohne Ton. Für PowerPoint oder Keynote
die MP4 herunterladen und als Video einfügen. Das Seitenverhältnis 440:956
beibehalten. Ein zusätzliches iPhone-Gehäuse ist optional; Statusleiste, Dynamic
Island und Home-Indikator sind bereits Teil der Originalaufnahme.

Für eine HTML-Präsentation:

```html
<video src="https://bluewing.ch/demo/bluewing-app-demo.mp4"
  poster="https://bluewing.ch/demo/app-start.webp"
  controls playsinline preload="metadata"
  style="max-height:85vh;max-width:100%"></video>
```

Elf Szenen in vier Kapiteln: Wunsch → Vorschau → Freigabe → Überblick.
Die genauen Startzeiten und die Filmlänge stehen im Schnittmanifest. Für kürzere
Vorträge lassen sich über den Player direkt die gewünschten Szenen auswählen.

Der Offline-HTML-Player enthält Video, Vergleichsbilder, Schrift und Steuerung.
Nur Links zu dieser Anleitung und zur Website benötigen eine Internetverbindung.
Der Web-Player nutzt einen an das Originaldisplay angepassten Devices.css-Rahmen
(MIT). Für die Einbettung der MP4 wird keine zusätzliche Bibliothek benötigt.
