From 1ebbd0b6dc06b9f0ec44f4a3097d8a421961b681 Mon Sep 17 00:00:00 2001 From: Kenso Grimm Date: Sun, 19 Jul 2026 11:20:03 +0200 Subject: [PATCH] preview --- prototyp-app.html | 705 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 705 insertions(+) create mode 100644 prototyp-app.html diff --git a/prototyp-app.html b/prototyp-app.html new file mode 100644 index 0000000..57f0445 --- /dev/null +++ b/prototyp-app.html @@ -0,0 +1,705 @@ + + + + + + +BrandLoop – Prototyp + + + + + + + +
+ +
+ + +
+
+ + +

Deine Ads lernen aus jedem Euro.

+
+
+
+
+

Erstellen

Neue Szene (Video) oder neues Modell (Person / Produkt)

+ +
+
+
+
+
+

Verbessern

Ein Asset deiner Brand weiterentwickeln – jederzeit

+ +
+
+

Zuletzt

+
+
+
+

Szene: „Roter Lippenstift – Close-up"

3 Videos generiert · Vote offen

+ +
+
+
Bewusst leer gehalten: Beim App-Start keine Fragen, kein Formular. Das Unternehmensprofil kommt erst beim ersten Klick auf „Erstellen".
+
+ + +
+

Erstellen

+
+
+
+

Szene

Video aus einem Prompt – mit deiner Brand Knowledge angereichert. Mehrere KI-Modelle parallel.

+ +
+
+
+
+
+

Modell

Person oder Produkt als festes Brand-Asset erstellen – bleibt in jedem Video 1:1 gleich.

+ +
+
+
Beim allerersten Erstellen erscheint einmalig das Unternehmensprofil (nächster Screen). Danach geht's immer direkt zur Szene.
+
+ + +
+
+
👋
+

Bevor's losgeht

+

Damit deine Videos nach deiner Brand aussehen, stellen wir dir einmalig 5 kurze Fragen.

Danach nie wieder – ab dann lernt die App von selbst, mit jedem Video.

+ +
+
+ + +
+

Dein Unternehmen

+
+ + + + + + + + + + + +
+ + +
+
+
📸
+

Zeig uns deine Brand

+

Logo, Produktbilder, deine besten bisherigen Ads – alles optional.

Aber: Je mehr du hochlädst, desto besser sieht schon dein allererstes Video aus.

+ +
+
+ + +
+

Uploads

+
+

Optional, aber empfohlen – füttert deine Knowledge Base von Tag 1.

+
[Upload: Logo]
+
[Upload: Produktbilder – z. B. Lippenstift „Rouge No. 5" aus 3 Winkeln]
+
[Upload: Deine bisher besten Ads (Video/Bild) – das System lernt daraus deine Startattribute]
+ + +
+ + +
+

Szene erstellen

+ + +

Anzahl Videos

+
+
3
+
4
+
5
+
6
+
+
Jedes Video von einem anderen Top-KI-Modell. Mehr Videos = mehr Vergleichssignal, Preis pro Video.
+

Automatisch eingebaut (Brand Knowledge)

+
+ Regel: cleaner Hintergrund + Gesicht: „Mara" v3 6120 + Produkt: Rouge No. 5 v2 6480 + Location: Kaiserslautern 5240 + Voice: warm-weiblich 5890 +

Dein Prompt wird automatisch überarbeitet und mit den Top-Attributen & freigegebenen Assets angereichert.

+
+ +
+ + +
+

Dein Script

+

Aus deinem Prompt + Brand Knowledge erstellt. Lies es, ändere was du willst – generiert wird erst nach deiner Bestätigung.

+ +
Erst nach Bestätigung werden die Videos generiert – Kosten entstehen erst dann. Änderungen am Script fließen als Signal in die Knowledge Base.
+ + +
+ + +
+

Wähle das Beste

+

Tippe auf dein Favoriten-Video. Die goldene Umrandung ist die System-Vorhersage.

+ +
+ SYSTEM-FAVORIT +

Video 1 · Modell A

+
[VIDEO: Mara (Gesicht v3) hält Rouge No. 5 frontal in die Kamera, Close-up, warmes Abendlicht, Kaiserslautern-Kulisse unscharf im Hintergrund, warme weibliche Stimme: „Dein Rot. Dein Statement."]
+ warm-rotClose-upKaiserslautern +
+ +
+

Video 2 · Modell B

+
[VIDEO: Gleiche Szene, aber kühles Studiolicht, langsamer Schwenk von der Hand zum Gesicht, Text-Overlay statt Stimme]
+ StudioSchwenkText-Overlay +
+ +
+

Video 3 · Modell C

+
[VIDEO: Outdoor Köln, Mara läuft auf Kamera zu, hält Lippenstift hoch, Upbeat-Musik, schnelle Schnitte]
+ KölnBewegungUpbeat +
+ +
+

Video 4 · Modell D

+
[VIDEO: Extreme Makro-Aufnahme nur vom Lippenstift, der sich dreht, ASMR-Sound beim Öffnen]
+ MakroASMRohne Gesicht +
+ +
Bestätigst du den markierten Favoriten → wenig Elo-Punkte. Weichst du ab → volle Punkte (stärkeres Signal).
+
+ + +
+

Danke!

+
+

GESPEICHERT

+

Dein Vote fließt in die Knowledge Base. Übereinstimmung mit System-Vorhersage: 78 % (letzte 30 Votes).

+
+

Kurze Frage (optional)

+
+

Welche Location war besser?

+
+
Kaiserslautern
+
Köln
+
Egal
+
+
Gezielte Fragen wirken nur auf dieses eine Attribut – das schnellste Signal gegen das Zuordnungsproblem.
+
+

Video verwenden

+ + +
+ + +
+

Ad läuft

+
+

„Roter Lippenstift – Close-up" · Video 1

+
[Gewähltes Video – veröffentlicht auf TikTok & Instagram via Ads-API]
+
+

Live-Performance (Meta / TikTok API)

+
+

CTR

2,4 %

+

Thumbstop

41 %

+

ROAS

3,1×

+
+
+

+218 neue Follower seit Schaltung

+
+
Performance-Daten fließen automatisch und höher gewichtet als Votes in die Scores – der Markt entscheidet, keine Bestätigung nötig. Jedes Video loggt, welche Asset-Versionen es nutzte.
+ +
+ + +
+

Modell erstellen

+
+
Person
+
Produkt
+
+ + + +
[Upload: 3–10 Referenzbilder der gewünschten Person / des Looks]
+
Rechte-Regel: Gesichter echter Personen nur mit dokumentierter Einwilligung. Rein KI-generierte Gesichter sind der sichere Standard.
+ +
+ + +
+

Dein Modell

+
+

„Mara" v1 · ENTWURF

+
[BILD: Generierte Frau, Ende 20, dunkle schulterlange Haare, natürliches Lächeln, cleaner Studiohintergrund – aus 4 Blickwinkeln]
+ Ende 20dunkle Haarenahbar-edel +
+ + +
Nur freigegebene Versionen werden in Videos verwendet. Verbessern erzeugt neue Versionen (v2, v3 …) – ein neues Gesicht ist ein bewusster Release, kein schleichender Drift.
+
+ + +
+

Verbessern

+

Wähle das Asset, das du weiterentwickeln willst.

+
+
+
+

Gesicht „Mara" v3 · FREIGEGEBEN

Verwendet in 12 Videos · Score 6120

+ +
+
+
+
+
+

Produkt „Rouge No. 5" v2 · FREIGEGEBEN

Verwendet in 18 Videos · Score 6480

+ +
+
+
+
+
+

Szene „Lippenstift Close-up"

Video-Iteration: Licht, Schnitt, Tempo anpassen

+ +
+
+
+ + +
+

„Mara" verbessern

+
+
Text-Feedback
+
Referenz hochladen
+
+ + +
+

Bei Referenz-Upload:

+
[Upload: Referenzbild]
+ + +
Ohne Beschreibung rät das System, was gemeint ist, und kopiert das Falsche. Aus fremden Referenzen wird gelernt, nie 1:1 kopiert.
+
+ +
+ + +
+

Vorher / Nachher

+

Vorher (v3 – aktuell freigegeben)

+
[BILD: Mara v3 – schulterlange dunkle Haare, Studio-Look]
+

Wähle die neue Version

+

Jede Version zieht andere Vorlieben aus deiner Knowledge Base.

+ +
+

Version A

+
[BILD: Haare fast schwarz, Tageslicht statt Studio, dezentes Lächeln]
+ Tageslicht 5210dezent +
+
+

Version B

+
[BILD: Dunkelbraune Haare, warmes Abendlicht (Top-Attribut!), offenes Lachen]
+ warmes Abendlicht 6350offen +
+
+

Version C

+
[BILD: Wie v3, aber Outdoor-Hintergrund unscharf, natürlichere Haut-Textur]
+ Outdoor 5580natürliche Haut NEU · Start 5720 (Ø Kategorie) +
+
Gewinner-Merkmale steigen in der Elo gegenüber der ersetzten Version – aber nur Merkmale, in denen sich die Versionen unterscheiden. Neue Merkmale starten beim Kategorie-Durchschnitt (nicht bei 5000) mit hohem K-Faktor.
+
+ + +
+

Version gewählt

+
+

MARA v4 ERSTELLT

+

Versionskette geloggt: v3 → v4 · Grund: „Haare dunkler, natürlicher" · Gewinner: Version B

+

Elo-Update: warmes Abendlicht +14 · Studio-Look −14

+
+ + +
Bis zur Freigabe nutzen alle Videos weiterhin v3 – Wiedererkennung bleibt erhalten, und es bleibt messbar, welche Version performt.
+
+ + +
+

Knowledge Base

+ +

Feste Regeln (kein Score, gelten immer)

+
+

Cleaner Hintergrund

+

Nur zeigen, was verlangt ist

+

Logo nie verzerren

+
+ +

Assets (freigegebene Versionen)

+
+
Mara v46120
+
Rouge No. 5 v26480
+
+ +

Attribute (Elo 0–10.000)

+
+
+
+

Location: Kaiserslautern 5240 ▲

12 Videos · 8 Siege · Unter-Attribut: Stadion 5560

+ +
+
+
+
+
+

Location: Köln 4980 ▼ ARCHIVIERT

Historie bleibt erhalten – ein schlechter Score ist auch Wissen.

+
+
+
+
Licht: warmes Abendlicht6350 ▲
+
Voice: warm-weiblich5890
+
+ +

Log (letzte Einträge)

+
19.07. · Vote „Verbessern Mara v4": warmes Abendlicht +14 (K hoch), Studio-Look −14
+
18.07. · Ad-Performance Video #31: Kaiserslautern +22, Close-up +22 (Performance zählt 2×)
+
17.07. · Gezielte Frage: „Kaiserslautern besser als Köln" → K'lautern +10, Köln −10
+
17.07. · LLM-Vergleich K'lautern vs. Köln: „Stadion war der Unterschied" → neues Unter-Attribut Stadion (Start: Ø 5480)
+
+ + +
+

Kaiserslautern

+
+

Score: 5240 · 12 Videos · 8 Siege

+

Was diese Location ausmacht:
Urban, aber nahbar; Stadion als Wiedererkennungspunkt. Warmes Abendlicht funktioniert besser als Tageslicht.

+

Gelernt aus Vergleichen:
vs. Köln (12.07.): Stadion-Hintergrund war der Unterschied → Stadion als eigenes Unter-Attribut angelegt.

+
+

Score-Verlauf

+
Start 5000 → 5090 (Votes) → 5180 (Ad-Performance) → 5240 (heute)
+
Vollständige Historie pro Attribut: jeder Vote mit Datum, Vergleichspartner, Punktänderung und Grund. Ablesbar, was besser und was schlechter geworden ist.
+
+ + +
+

Developer-Modus

+
+
+
+

Nur intern. Dieser Bereich ist für Nutzer unsichtbar – hier liegt das Feintuning, das die App ausmacht. Im Prototyp zur Präsentation sichtbar geschaltet.

+
+
+ +

Feste Regeln (Prompt-Injection, jede Generierung)

+
+

Cleaner, neutraler Hintergrund

+

Nur zeigen, was verlangt ist – nicht mehr, nicht weniger

+

Logo nie verzerren oder umfärben

+

Aus fremden Referenzen lernen, nie 1:1 kopieren

+
+ +
Regeln nehmen nicht am Scoring teil und können nicht absteigen. Der Nutzer sieht und verwaltet sie nicht – sie sind Teil des Produkts.
+ +

Prompt-Einblick (letzte Generierung)

+
[SYSTEM] Regeln: cleaner Hintergrund; nur Verlangtes zeigen; Logo unverändert …
[ASSETS] Gesicht: Mara v3 (ref_0231) · Produkt: Rouge No. 5 v2 (ref_0198)
[ATTRIBUTE] Location: Kaiserslautern (5240) · Licht: warmes Abendlicht (6350) · Voice: warm-weiblich (5890)
[SCRIPT] Close-up: Hand hebt Lippenstift frontal … Voice: „Dein Rot. Dein Statement."
[USER-PROMPT] Eine Frau hält einen roten Lippenstift in die Kamera.
+ +

Elo-Parameter

+
+

K-Faktor neu

32

+

K-Faktor etabliert

8

+
+
+

Performance : Vote

2 : 1

+

Favorit bestätigt

× 0,3

+
+

Startwert neuer Einträge: Kategorie-Durchschnitt (Fallback 5000, wenn Kategorie leer)

+
+ +
+ + + + + +
+
+
+

BrandLoop – Prototyp

+

Textversion: Alle Bilder & Videos sind durch Beschreibungen (gestrichelte Boxen) ersetzt. Alles ist klickbar.

+

Prinzipien:

+ +

Klickpfad zum Präsentieren:
Home → Erstellen → Tutorial/Profil → Szene → Script → Auswahl → Frage → Knowledge Base → Verbessern → Dev-Modus

+
+ + + +