Alle meine Prompts

Nutze Higgsfield, um ein fotorealistisches, filmisches Video für den scrollgesteuerten Einstiegsbereich einer Website zu erstellen.

REFERENZBILDER

* Bild 1: Alpenpanorama — verwende es als Anfangsbild.
* Bild 2: Chalet-Außenansicht — verwende es als Endbild und bewahre Architektur, Umgebung und Perspektive.

Übergebe die Bilder, sofern unterstützt, ausdrücklich an die Startbild- und Endbild-Eingaben des Videomodells.

FORMAT
12 Sekunden, 16:9-Querformat, 2K-Auflösung, ohne Ton. Eine einzige durchgehende, perfekt stabilisierte Luftaufnahme. Falls diese Einstellungen nicht verfügbar sind, erläutere vor der Generierung die unterstützte Alternative.

KAMERAREISE
0–4 Sekunden: Beginne mit dem Alpenpanorama und gleite vorwärts über Berggipfel und Wolken. Zwei kleine, entfernte Vögel durchqueren das Bild von rechts nach links.

4–7 Sekunden: Sinke allmählich in die Wolkenschicht hinab. Realistische Nebelschwaden ziehen um die Kamera und verdecken vorübergehend die Landschaft. Fliege tatsächlich durch die Wolken; keine Schnitte, Überblendungen oder künstlichen Übergänge.

7–9 Sekunden: Tauche in einem ruhigen Alpental auf und enthülle das Chalet aus dem Referenzbild vor der Kamera. Nähere dich gleichmäßig. Das warme Fensterlicht bildet einen Kontrast zur kühleren Landschaft.

9–12 Sekunden: Verlangsame sanft, bis die Bildkomposition der Chalet-Referenz erreicht ist, und ende mit einem kurzen, stabilen Blick auf das Chalet. Umkreise es nicht, fliege nicht daran vorbei und nicht hinein.

VISUELLE QUALITÄT
Natürliche Texturen, realistische Wolken, glaubwürdige Geografie, konsistente Architektur und eine zurückhaltende filmische Farbgestaltung. Bewahre die Beleuchtung der Referenzen und passe sie bei Bedarf während des Flugs durch die Wolken allmählich an.

Nutze eine tatsächliche Kamerabewegung mit realistischer Parallaxe statt digitalem Zoom. Halte das Chalet nahe der Bildmitte, damit ein mobiler Bildausschnitt möglich ist.

Die Bewegung muss auch beim scrollgesteuerten Vorwärts- und Rückwärtsdurchlaufen flüssig bleiben. Keine plötzliche Beschleunigung, kein Kamerawackeln, keine übermäßige Bewegungsunschärfe, keine sich verformende Architektur, keine sichtbaren Drohnenteile, Texte, Logos oder Wasserzeichen.

WEBOPTIMIERTE AUSLIEFERUNG — VERBINDLICH
Liefere eine komprimierte, weboptimierte MP4-Datei für einen bildschirmfüllenden Website-Einstiegsbereich. Sie muss zügig laden und dabei klare Berg- und Chalet-Details, flüssige Bewegungen und saubere Farbverläufe in den Wolken bewahren.

Verwende nach der Generierung verfügbare Konvertierungswerkzeuge, um eine H.264-MP4 mit kompatiblem yuv420p-Pixelformat, Fast-Start-Metadaten und ohne Tonspur zu erstellen. Strebe für die 12-sekündige Webversion ungefähr 5–10 MB an. Eine größere Datei ist zulässig, wenn dies nötig ist, um sichtbare Kompressionsartefakte zu vermeiden. Behalte 2K bei, soweit sinnvoll; liefere andernfalls eine eindeutig gekennzeichnete 1080p-Webversion, wenn sie das bessere Verhältnis zwischen Qualität und Dateigröße bietet.

Die Komprimierung ist ein tatsächlicher Nachbearbeitungsschritt, nicht nur eine Anweisung an das Videomodell. Falls keine Konvertierungswerkzeuge verfügbar sind, benenne das klar.

Stelle sowohl das generierte Originalvideo als auch die komprimierte, webfertige MP4 als herunterladbare Dateien bereit. Prüfe das Ergebnis und benenne sichtbare Abweichungen ehrlich.

Erstelle eine vollständige, filmisch inszenierte Luxus-Website für „Alpine Chalet“, ein fiktives privates Chalet in den Schweizer Alpen. Das Erlebnis soll ruhig, elegant und immersiv wirken. Erzeuge eine 3D-Anmutung durch filmische Aufnahmen und dezente Bewegungen auf mehreren Bildebenen.

BEIGEFÜGTE MEDIEN
Nutze das fertige Titelvideo und die angehängten Chalet-Fotos für die Website. Das Video wurde bereits generiert; erstelle kein neues und rufe Higgsfield nicht auf.

Verwende die Fotos von Wohnzimmer, Sauna, Küche und Schlafzimmer in den jeweiligen Abschnitten. Setze eine beigefügte Außenansicht an einer passenden Stelle ein. Ersetze die Bilder nicht durch Stockfotos und erfinde keine Ausstattung. Frage gezielt nach unverzichtbaren fehlenden Dateien.

TECHNISCHE ANFORDERUNGEN
Verwende ausschließlich statisches HTML, CSS und Vanilla JavaScript. Kein React, keine Frameworks, keine Datenbank und kein erforderlicher Build-Schritt. Nutze lokale Dateien und relative Pfade.

Die fertige Website muss responsiv sein und sowohl auf gewöhnlichem statischem Hosting als auch beim direkten Öffnen der index.html funktionieren. Alle sichtbaren Texte müssen auf Deutsch sein.

SCROLLGESTEUERTER EINSTIEGSBEREICH
Erstelle einen bildschirmfüllenden Einstiegsbereich, der über eine Scrollstrecke von ungefähr vier bis fünf Bildschirmhöhen fixiert bleibt:

* Scrollen nach unten führt die Videoreise vorwärts.
* Scrollen nach oben führt sie rückwärts.
* Ohne Scrollbewegung bleibt das aktuelle Bild stehen.
* Kein automatisches Abspielen, keine Endlosschleife und kein Überschreiben des nativen Scrollverhaltens.

Bevorzuge eine auf Canvas dargestellte Bildsequenz, die aus dem gesamten angehängten Video extrahiert wird. Liefere optimierte Desktop- und Mobilversionen, lade nur die passende Version, zeige sofort ein Vorschaubild und lade weitere Bilder schrittweise bei begrenztem Speicherverbrauch vor. Halte während des Ladens das zuletzt verfügbare Bild sichtbar.

Prüfe das tatsächliche Video und stimme folgende bearbeitbare HTML-Texteinblendungen auf seine Szenen ab:

* Berge: „Lass den Alltag hinter dir.“
* Wolken: „Finde deinen Moment der Ruhe.“
* Chalet: „Alpine Chalet — Dein privater Rückzugsort in den Alpen.“

Sobald das Chalet erscheint, zeige einen Button „Aufenthalt buchen“. Gehe vom letzten Bild fließend in den übrigen Seiteninhalt über.

Bewahre die Bildproportionen und halte das Chalet auf Mobilgeräten sichtbar. Bei reduzierter Bewegung zeigst du das abschließende Chalet-Standbild und entfernst die verlängerte Scrollstrecke. Falls die Bildsequenz nicht funktioniert, versuche eine scrollgesteuerte MP4-Wiedergabe durch gezieltes Ansteuern der Videoposition; nutze andernfalls das Chalet-Standbild.

GESTALTUNG UND INHALTE
Verwende warme Cremetöne, Anthrazit, dunkle Waldgrün-Akzente und natürliche Holztöne. Kombiniere große Überschriften in Baskerville oder Georgia mit Fließtext in Arial oder Helvetica.

Nutze großzügige Abstände, große Fotos, feine Trennlinien und dezente Einblendungen. Wechsle die Bild-Text-Anordnung zwischen diesen Abschnitten:

1. Das Chalet — Wohnzimmerfoto und einladende Einführung.
2. Die Sauna — Wärme und Entspannung.
3. Die Küche — entspannte Morgen und gemeinsame Mahlzeiten.
4. Das Schlafzimmer — Komfort und erholsame Nächte.

Schreibe kurze, einladende Texte auf Grundlage der bereitgestellten Bilder. Erfinde keine Preise, Gästezahl, Bewertungen, Auszeichnungen oder Ausstattung.

BUCHUNG
Externe Buchungsadresse: [BOOKING-URL]

Alle Buttons „Aufenthalt buchen“ müssen direkt auf diese Adresse verlinken. Hinterlege sie an einer einzigen, leicht bearbeitbaren Stelle.

Schließe mit einem großzügigen Buchungsbereich ab:
„Deine Auszeit beginnt hier.“
„Ein ruhigerer Rhythmus. Ein Ort zum Durchatmen. Plane deinen Aufenthalt im Alpine Chalet.“
Button: „Aufenthalt buchen“.

Keine Kontaktformulare, Datumsauswahl, Gästeauswahl oder eingebetteten Buchungswidgets.

Falls keine echte Adresse bereitgestellt wurde, zeige „Buchungslink folgt“ als nicht verfügbare Option.

NAVIGATION UND FUSSBEREICH
Navigation: Chalet, Ausstattung, Buchen. „Buchen“ scrollt zum abschließenden Buchungsbereich.

Ergänze einen Fußbereich mit dem Website-Namen, bereitgestellten Kontaktdaten, einem Link zurück nach oben und funktionierenden Links zu lokalen Seiten für Impressum und Datenschutzerklärung. Kennzeichne unvollständige Rechtstexte eindeutig als Platzhalter. Erfinde keine Unternehmensangaben.

Achte auf barrierearme Kontraste, Tastaturnavigation, sichtbare Fokuszustände und aussagekräftige Bild-Alternativtexte. Verzichte auf Tracking und unnötige externe Dienste.

AUSLIEFERUNG
Prüfe Scrollen in beide Richtungen, das Timing der Texteinblendungen, mobile Layouts, lokales Öffnen, Buchungslinks, reduzierte Bewegung und Alternativen bei Ladefehlern. Benenne alle Prüfungen, die du nicht durchführen konntest.

Liefere eine vollständige herunterladbare ZIP-Datei mit index.html im Hauptverzeichnis, bearbeitbaren HTML-, CSS- und JavaScript-Dateien, allen benötigten Medien und einer kurzen README. Erkläre darin das lokale Öffnen, das Ändern der Buchungsadresse und das Hochladen auf statisches Hosting.

Liefere die fertigen Website-Dateien, nicht nur Ausschnitte oder einen Plan.

Nutze Higgsfield, um einen hochwertigen, fotorealistischen Food-Werbefilm für „Mustafas Bio Kebab“ zu erstellen, der als scrollgesteuerter Website-Einstiegsbereich eingesetzt wird.

REFERENZEN

* Bild 1 definiert den fertigen Döner: Sesambrot, Füllung, Verpackung, Texturen, Beleuchtung und Ladenatmosphäre.
* Bild 2 definiert das genaue Erscheinungsbild des Inhabers: Gesicht, Haare, Bart, Kleidung und Bildkomposition der abschließenden Servierszene.

Die Bilder sind visuelle Referenzen, keine verbindlichen Anfangsbilder. Beginne mit vollständig leerem Brot.

FORMAT
Ungefähr 15 Sekunden, 1920 × 1080, 16:9, ohne Ton, Texte, Logos oder Wasserzeichen. Nutze ein verfügbares Modell mit hoher Referenztreue und realistischer Bewegung von Lebensmitteln.

ABLAUF

0–3 Sekunden:
Nahaufnahme eines vollständig leeren, frisch gerösteten Sesambrots, das von einer Hand ruhig von unten gehalten wird und teilweise in cremefarbenes Papier gewickelt ist. Goldbraune Kruste, weiches Inneres, dezenter Dampf und ein warm beleuchteter, weich unscharfer Laden im Hintergrund. Bewege die Kamera langsam näher heran.

3–7 Sekunden:
Halte dasselbe Brot und dieselbe Hand stabil. Füge die Zutaten nacheinander von oben hinzu: dünne Scheiben gebratenes Fleisch, grüner Salat, fein geschnittener Rotkohl, Tomatenscheiben und anschließend dünne rote Zwiebelringe.

Verwende realistische Schwerkraft und kontrollierte Bewegungen. Die Zutaten sammeln sich im Brot; nichts schwebt, durchdringt das Brot oder fliegt wieder heraus. Stimme den fertigen Döner auf Bild 1 ab.

7–10 Sekunden:
Verteile cremig-weißes Zaziki in einem dünnen Strahl über der Füllung. Bewege dich direkt auf eine weiße Saucenstelle zu. Zeige zunächst ihre Textur, bevor das Bild allmählich unscharf und schließlich vollständig gleichmäßig warmweiß wird.

10–15 Sekunden:
Verberge einen Schnitt innerhalb dieses vollständig weißen Bildes. Beginne die nächste Aufnahme mit dem identischen warmweißen Bild und fahre anschließend zügig aus einer sehr kurzen, unscharfen Nahaufnahme der Vorderzähne des lächelnden Inhabers zurück.

Zeige unmittelbar sein freundliches Gesicht, seinen Oberkörper und die Theke. Kein Blick in den Mund und keine übertriebenen Zahndetails. Er schaut in die Kamera und reicht dem Betrachter den fertigen Döner entgegen. Lass die Bewegung in einer ruhigen Abschlusskomposition auslaufen, die Bild 2 entspricht.

ÜBERGANG — ENTSCHEIDEND
Die Sauce darf sich niemals in Zähne oder andere Körperteile verwandeln. Verbinde zwei getrennte Aufnahmen über übereinstimmende, vollständig warmweiße Bilder. Kein sichtbarer Schnitt, keine Überblendung und keine Verwandlung.

Erstelle bei Bedarf aufeinander abgestimmte Clips und setze sie zusammen. Bewahre die Kontinuität innerhalb der Zubereitungsaufnahme und halte den fertigen Döner, die Verpackung, den Laden und die Beleuchtung über den Übergang hinweg konsistent.

VISUELLE QUALITÄT
Warmes fotografisches Licht, natürliche Hauttöne, realistische Lebensmitteltexturen, anatomisch stabile Hände und ein unverändertes Erscheinungsbild des Inhabers. Kein Comic-Stil, keine verzerrten Gesichter, wechselnden Zutaten oder instabilen Objekte.

Halte Brot und Gesicht mittig im Bild, damit ein mobiler Zuschnitt möglich ist. Verwende flüssige Kamerabewegungen, die sich durch Scrollen vorwärts und rückwärts durchlaufen lassen. Keine abrupten Änderungen außer der bewusst zügigen Rückwärtsfahrt der Kamera.

WEBOPTIMIERTE AUSLIEFERUNG
Liefere das Originalvideo sowie eine komprimierte, webfertige H.264-MP4 in 1080p mit Fast-Start-Metadaten, kompatiblem yuv420p-Pixelformat, ohne Tonspur und mit häufigen Schlüsselbildern für reaktionsschnelles Springen zwischen Videopositionen.

Strebe ungefähr 15–20 MB oder weniger an, ohne appetitliche Details zu verlieren oder sichtbare Kompressionsartefakte zu erzeugen. Führe die Komprimierung nach der Generierung mit verfügbaren Werkzeugen tatsächlich durch; erwähne sie nicht nur im Generierungsprompt.

Prüfe den weißen Übergang, die Identität des Inhabers, die Bewegung der Zutaten und die abschließende Servierszene. Benenne sichtbare Abweichungen oder nicht verfügbare Verarbeitungsschritte ehrlich.

Erstelle eine responsive, filmisch inszenierte Website für „Mustafas Bio Kebab“. Sie soll Appetit machen und Besucher zur Speisekarte und zum Laden führen.

BEIGEFÜGTE MEDIEN
Nutze das angehängte fertige Titelvideo und die Referenzbilder für die Website. Das Video wurde separat erstellt; generiere kein weiteres und rufe Higgsfield nicht auf.

Bild 1 zeigt den Döner und bestimmt die Präsentation der Speisen und die Atmosphäre. Bild 2 zeigt den Inhaber und muss im Abschnitt zu seiner Vorstellung verwendet werden. Nutze zusätzlich bereitgestellte Ladenfotos.

Alle sichtbaren Website-Texte müssen auf Deutsch sein.

GESTALTUNG
Modern, hochwertig und fotografisch: warmes Cremeweiß, dunkles Anthrazit, kräftige orange Akzente, markante Überschriften, großzügige Bilder und ein kompakter Seitenaufbau.

Die Kopfzeile muss während der gesamten fixierten Einstiegssequenz transparent bleiben, einschließlich des letzten gehaltenen Bildes. Wechsle erst dann sanft zu einem cremefarbenen Hintergrund mit dunkler Schrift, wenn die Fixierung des Einstiegsbereichs endet und der normale Inhalt beginnt. Kehre dieses Verhalten beim Zurückscrollen um.

SCROLLGESTEUERTER EINSTIEGSBEREICH
Verwende einen bildschirmfüllenden Einstiegsbereich, der über eine Scrollstrecke von ungefähr vier bis fünf Bildschirmhöhen fixiert bleibt.

Verknüpfe die Scrollposition direkt mit dem angehängten Video:

* Scrollen nach unten führt das Video vorwärts, Scrollen nach oben rückwärts.
* Ohne Scrollbewegung bleibt das aktuelle Bild stehen.
* Kein automatisches Abspielen, keine Endlosschleife und kein Überschreiben des nativen Scrollverhaltens.

Prüfe das tatsächliche Filmmaterial und stimme bearbeitbare HTML-Texteinblendungen auf seine Szenen ab:

1. Leeres Brot:
   „Mustafas Bio Kebab. Dein nächster Lieblingsdöner.“
   Button: „Speisekarte entdecken“ → Speisekarte.

2. Zutaten:
   „Schicht für Schicht. Einfach zum Reinbeißen.“

3. Sauce:
   „Und dann: Zaziki drauf.“

4. Servierender Inhaber:
   „Für dich gemacht. Mit einem Grinsen serviert.“
   Button: „Jetzt Hunger bekommen?“ → Speisekarte.

Blende die Szenentexte vor dem warmweißen Übergang aus. Verberge im vollständig weißen Moment Texte, Buttons und dunkle Überlagerungen, damit der Übergang ungestört bleibt.

Steuere nach dem Laden der Metadaten effizient die Position des pausierten Videos an und vermeide überlappende Suchvorgänge. Falls für flüssiges Durchlaufen nötig, leite aus dem angehängten Video eine optimierte Canvas-Bildsequenz ab.

Zeige sofort ein Vorschaubild, bewahre die Proportionen und halte Döner und Gesicht auf Mobilgeräten sichtbar. Vermeide leere Bilder während des Ladens.

Bei reduzierter Bewegung oder einem Medienfehler zeigst du ein statisches Dönerbild mit der Hauptüberschrift und dem Speisekarten-Button. Entferne die lange fixierte Scrollstrecke und verwende eine gut lesbare statische Kopfzeile.

SEITENINHALTE

Speisekarte:
Cremefarbener Hintergrund mit Döner Kebab, Dürüm, vegetarischer Option und Dönerbox. Ergänze kurze Beschreibungen, ohne Zutaten oder Qualitätsversprechen zu erfinden. Zeige fehlende Preise als bearbeitbare Platzhalter „[Preis ergänzen]“.

Im Laden:
Überschrift: „Hier wartet dein nächster Lieblingsdöner.“
Verwende ein bereitgestelltes Ladenfoto. Falls keines vorhanden ist, nutze ein eindeutig gekennzeichnetes, austauschbares KI-Beispielbild mit warmem Licht, offener Theke, frischen Zutaten, einem Dönerspieß sowie Holz- und Anthrazittönen. Falls keine Bildgenerierung verfügbar ist, verwende einen gekennzeichneten Platzhalter.

Der Inhaber:
Verwende Referenzbild 2.
Überschrift: „Mit einem Lächeln serviert.“
Schreibe eine kurze, freundliche Vorstellung, ohne Geschichte, Auszeichnungen, Bewertungen, Herkunft der Zutaten oder Bio-Zertifizierungen zu erfinden.

Besuche uns:
Bearbeitbare Adresse, Öffnungszeiten, Telefonnummer, Anfahrtslink und Bestelllink. Fehlende Angaben bleiben als Platzhalter sichtbar. Deaktiviere Anfahrts- und Bestellaktionen, bis gültige Links vorliegen.

Fußbereich:
Kontakt, Impressum, Datenschutz und ein Link zurück nach oben. Rechtliche Links müssen zu lokalen Seiten oder Abschnitten führen; unvollständige Inhalte müssen klar als Platzhalter gekennzeichnet sein.

TECHNISCHE ANFORDERUNGEN
Verwende ausschließlich statisches HTML, CSS und Vanilla JavaScript. Kein React, keine Datenbank, kein PHP, kein Framework und kein erforderlicher Build-Schritt.

Liefere:

* index.html
* style.css
* app.js
* config.js
* fonts.css
* assets/ mit lokalen Bildern, Video und gegebenenfalls Schriftdateien.

Halte Preise, Kontaktdaten, Links und Rechtstexte zentral in config.js bearbeitbar. Verwende relative Pfade, lokale Dateien und keine externen Laufzeitabhängigkeiten.

Sorge für responsive Layouts, semantisches HTML, Tastaturnavigation, sichtbare Fokuszustände, hilfreiche Alternativtexte, lesbare Kontraste und Unterstützung für prefers-reduced-motion.

AUSLIEFERUNG UND PRÜFUNG
Stelle, soweit unterstützt, eine funktionierende lokale Vorschau, eine kurze README und eine uploadfertige ZIP-Datei für IONOS oder einen anderen statischen Hosting-Anbieter bereit. Lege die Website-Dateien und den assets-Ordner direkt ins Hauptverzeichnis der ZIP-Datei.

Prüfe das Verhalten der Kopfzeile in beiden Scrollrichtungen, das positionsgesteuerte Durchlaufen des pausierten Videos, das Timing der Texteinblendungen, den mobilen Bildausschnitt, Ankerlinks, lokale Dateien, die Alternative bei reduzierter Bewegung, das Fehlen horizontalen Überlaufs und das erfolgreiche Entpacken der ZIP-Datei.

Behebe Probleme und benenne Prüfungen, die du nicht durchführen konntest. Liefere die vollständigen Website-Dateien, nicht nur Ausschnitte oder einen Plan.

Nutze Higgsfield, um einen filmischen Luxus-Uhrenfilm für WEBER ATELIER zu erstellen, der das Modell NOCTURN Automatic präsentiert.

Erstelle genau zwei aufeinander abgestimmte Clips, die über einen nahtlosen weißen Übergang zu einem einzigen 12-sekündigen Video verbunden werden:

* Clip 1: 8 Sekunden.
* Clip 2: 4 Sekunden.

Verwende 1920 × 1080, 16:9 und keinen Ton. Wähle ein verfügbares Modell mit hoher Produktreferenztreue. Falls die exakten Cliplängen nicht unterstützt werden, generiere geeignetes Ausgangsmaterial und schneide die fertige Sequenz auf 12 Sekunden.

PRODUKTREFERENZEN
Verwende die beiden angehängten Uhrenbilder als verbindliche visuelle Referenzen:

* Vorderseite: smaragdgrünes Zifferblatt mit horizontaler Struktur.
* Rückseite: Sichtboden und Automatikwerk.

Bewahre das silberne Gehäuse, die sanft kantige Form, die breite gebürstete Lünette, die silbernen Indizes und Zeiger, die Datumsanzeige „28“, den JW-Schriftzug, die AUTOMATIC-Beschriftung und das Stahlarmband mit gebürsteten Außengliedern und polierten Mittelgliedern.

Halte die Proportionen der Uhr, die Position der Krone, das Branding und die Werkdetails konsistent. Spiegele keine Beschriftungen und gestalte das Produkt nicht um.

CLIP 1 — 8 SEKUNDEN

0–1,5 Sekunden:
Zeige die vollständige Uhr samt Armband direkt von vorne, mittig vor einem nahezu schwarzen Studiohintergrund und mit großzügigem Abstand zu den Bildrändern. Das grüne Zifferblatt ist deutlich sichtbar. Beginne eine sanfte Kamerafahrt darauf zu.

1,5–5 Sekunden:
Zerlege die Uhr in eine präzise, kontrollierte Explosionsansicht. Hebe Uhrglas, Zeiger und das intakte grüne Zifferblatt in klar voneinander getrennte Ebenen an, sodass ein plausibles mechanisches Automatikwerk sichtbar wird.

Zeige Aufzugsrotor, Federhaus, Räderwerk, Hemmung, Unruh, Brücken, Lagersteine und Datumsmechanismus. Orientiere die sichtbaren Details an der Rückseitenreferenz. Achte auf stimmige Größenverhältnisse und nachvollziehbare Zusammenhänge zwischen den Bauteilen. Keine Batterien, Elektronik, Quarzmodule, willkürlich angeordneten Zahnräder oder umherfliegenden Fragmente.

5–7 Sekunden:
Bewege die Kamera weiter durch die getrennten Ebenen auf eine einzelne gebürstete, silberfarbene Uhrwerksbrücke zu. Ihre Bearbeitungsspuren und Reflexionen füllen allmählich das Bild.

7–8 Sekunden:
Die Brücke neigt sich sanft zum Licht. Eine helle Reflexion breitet sich aus, bis das gesamte Bild sauber und gleichmäßig weiß ist. Ende mit diesem weißen Bild.

CLIP 2 — 4 SEKUNDEN

0–0,4 Sekunden:
Beginne mit dem identischen weißen Bild. Lass die Reflexion zurückgehen, sodass eine extreme Nahaufnahme der Stahllünette der zusammengesetzten Uhr sichtbar wird.

0,4–3,2 Sekunden:
Fahre die Kamera flüssig zurück. Enthülle nacheinander das grüne Zifferblatt, das Gehäuse, das Armband und schließlich die Uhr, natürlich getragen am LINKEN Handgelenk einer erwachsenen Person, aus deren eigener Perspektive.

Bewahre eine korrekte Anatomie, natürliche Hautstruktur, ein passend sitzendes Armband sowie lesbares, nicht gespiegeltes Branding. Nutze eine neutrale erwachsene Person, sofern keine persönliche Handgelenkreferenz vorliegt. Weiches Tageslicht und ein schlichter, heller Hintergrund.

3,2–4 Sekunden:
Lass die Bewegung sanft in einer stabilen Aufnahme am Handgelenk auslaufen. Das grüne Zifferblatt bleibt deutlich sichtbar.

ÜBERGANG UND STIL
Verberge den Wechsel von der inneren Uhrwerksbrücke zur äußeren Lünette vollständig innerhalb der übereinstimmenden weißen Bilder. Keine sichtbare Verformung oder abrupte Schnittkante.

Verwende realistische Materialien, lange weiche Studioreflexionen, detailreichen gebürsteten Stahl, polierte Glanzlichter und ein sattes grünes Zifferblatt. Entwickle die Bildstimmung vom dunklen Studio zur hellen Aufnahme am Handgelenk.

Halte wesentliche Details mittig im Bild, damit ein mobiler Zuschnitt möglich ist. Die Bewegung muss sich flüssig vorwärts und rückwärts durchlaufen lassen. Kein Kamerawackeln, keine übermäßige Bewegungsunschärfe, Texteinblendungen, zusätzlichen Logos oder Wasserzeichen. Bewahre das vorhandene Branding auf der Uhr.

WEBOPTIMIERTE AUSLIEFERUNG
Liefere die Originalclips und den zusammengesetzten 12-sekündigen Film sowie eine komprimierte, webfertige MP4.

Kodiere die Webversion als H.264 in 1080p mit yuv420p-Pixelformat, Fast-Start-Metadaten, häufigen Schlüsselbildern für reaktionsschnelles Springen zwischen Videopositionen und ohne Tonspur. Strebe ungefähr 10–15 MB oder weniger an, ohne Zifferblattdetails, Metalltexturen und saubere Farbverläufe zu verlieren.

Führe die Komprimierung nach der Generierung mit verfügbaren Werkzeugen durch. Falls Schnitt oder Konvertierung nicht möglich sind, benenne das klar.

Prüfe die Produktkonsistenz, die Enthüllung des Uhrwerks, den weißen Übergang und den Abschluss am linken Handgelenk. Benenne sichtbare Abweichungen ehrlich.

Erstelle eine filmisch inszenierte Luxus-Website für WEBER ATELIER, eine fiktive Uhrenmarke von Julian Weber, die das Modell NOCTURN Automatic präsentiert.

BEIGEFÜGTE MEDIEN
Nutze das angehängte fertige 12-sekündige Titelvideo und beide Uhren-Referenzbilder für die Website. Das Video wurde bereits generiert; erstelle kein weiteres und rufe Higgsfield nicht auf.

Die Reise verläuft so:
Grünes Zifferblatt von vorne → Explosionsansicht des Automatikwerks → Metall-Nahaufnahme → weiße Reflexion → zusammengesetzte Uhr am linken Handgelenk.

Verwende die bereitgestellten Bilder und extrahierte Videoframes für ergänzende Produktabschnitte. Bewahre das Design der Uhr und das physische JW-Branding. Alle Website-Texte müssen auf Deutsch sein.

TECHNISCHE ANFORDERUNGEN
Verwende reines HTML, CSS und Vanilla JavaScript. Kein React, JSX, TypeScript, keine Frameworks, Paketinstallation oder Build-Systeme.

Schreibe echte semantische Inhalte direkt in die index.html. Liefere eine vollständige statische Website mit lokalen Dateien und relativen Pfaden, bereit für IONOS, Hostinger oder einen anderen statischen Hosting-Anbieter.

VISUELLE RICHTUNG
Nahezu schwarze und tief waldgrüne Hintergründe, gebürstete silberne Akzente, warme elfenbeinfarbene Typografie und zurückhaltende Salbeitöne.

Kombiniere übergroße Serifenschlagzeilen im Editorial-Stil mit einer minimalistischen serifenlosen Schrift. Halte die Texte kurz und gib der Uhr großzügig Raum. Integriere den Einstiegsbereich direkt in die Seite, ohne Player-Steuerung, Rahmen oder sichtbare Videobalken.

SCROLLGESTEUERTER EINSTIEGSBEREICH
Erstelle eine einzige fixierte, bildschirmfüllende Bühne über eine Scrollstrecke von ungefähr vier bis fünf Bildschirmhöhen.

Zeige die Uhr von vorne mit ihrem grünen Zifferblatt sofort als HTML-Vorschaubild:

* Wortmarke: „WEBER ATELIER“
* Übergroße Überschrift: „NOCTURN“
* Begleitzeile: „Ein Statement in Grün.“

Platziere die Überschrift nur dann hinter der Uhr, wenn eine saubere Freistellung des Produkts möglich ist.

Scrollen führt die Reise vorwärts oder rückwärts. Ohne Scrollbewegung bleibt das aktuelle Bild stehen. Kein automatisches Abspielen, keine Endlosschleife und kein Überschreiben des nativen Scrollverhaltens.

Extrahiere aus dem gesamten angehängten Video eine optimierte Bildsequenz und stelle sie auf einem Canvas dar. Lege die fertigen Einzelbilder dem ausgelieferten Projekt bei.

Lade schrittweise, priorisiere Bilder in der Nähe der aktuellen Position, begrenze den Speicherverbrauch dekodierter Bilder und halte während des Ladens das zuletzt geladene Bild sichtbar. Nutze auf Mobilgeräten kleinere Dateien und eine angemessene Canvas-Auflösung.

Prüfe das tatsächliche Video, um die Sequenz zu synchronisieren. Die Enthüllung der Mechanik nimmt ungefähr zwei Drittel der Zeitleiste ein, die Aufnahme am Handgelenk ein Drittel.

Blende die einleitende Typografie aus, bevor sich die Uhr zerlegt. Halte das Uhrwerk und den weißen Übergang frei von störenden Elementen. Im vollständig weißen Moment dürfen keine Texte oder dunklen Überlagerungen erscheinen.

Sobald die Aufnahme am Handgelenk zur Ruhe kommt, zeige:
„Geschaffen, um dich zu begleiten.“
Button: „Einladung anfragen“ → Einladungsbereich.

Löse die Fixierung der Bühne mit einem fließenden Übergang zum Seiteninhalt. Bewahre Zifferblatt, Uhrwerk und Handgelenk-Komposition auf Mobilgeräten, ohne das Filmmaterial zu verzerren.

INHALTE UNTER DEM EINSTIEGSBEREICH
Ergänze einen kompakten redaktionellen Produktbereich mit den angehängten Bildern:

* Das grüne Zifferblatt.
* Das Stahlgehäuse und Armband.
* Das Automatikwerk.

Schreibe prägnante Texte auf Grundlage sichtbarer Details. Erfinde keine technischen Daten, Preise, Zertifizierungen, Wasserdichtigkeit, Herkunft oder Verfügbarkeit.

Danach folgt ein eleganter Einladungsbereich mit einem barrierefrei bedienbaren Formular.

EINLADUNGSFORMULAR
Enthält Felder für Name und E-Mail, sichtbare Beschriftungen, passende Eingabetypen, Tastaturunterstützung, Validierung und klare Rückmeldungen.

Formular-Endpunkt: [FORM-ENDPOINT]

Wenn ein echter Endpunkt bereitgestellt wird, verbinde das Formular damit und zeige eine Erfolgsmeldung ausschließlich nach einer bestätigten erfolgreichen Antwort.

Wenn kein Endpunkt vorliegt, zeige „Einladungsanfragen sind noch nicht eingerichtet“ und lasse das Absenden deaktiviert. Simuliere keine erfolgreiche Anfrage. Halte den Endpunkt leicht bearbeitbar.

BARRIEREFREIHEIT UND ALTERNATIVEN
Unterstütze Tastaturnavigation, sichtbare Fokuszustände, lesbare Kontraste und hilfreiche Bild-Alternativtexte.

Bei prefers-reduced-motion verwende Produktstandbilder in einem kürzeren Layout ohne fixierte Scroll-Bühne. Wesentliche Inhalte müssen auch ohne JavaScript lesbar bleiben.

Falls die Bildsequenz nicht funktioniert, zeige ein ansprechendes Produktstandbild mit einem funktionierenden Link zum Einladungsbereich.

AUSLIEFERUNG
Stelle eine herunterladbare ZIP-Datei bereit mit:

* index.html im Hauptverzeichnis.
* css/styles.css.
* js/main.js.
* Lokalen Bildern, extrahierten Einzelbildern, weboptimiertem Video und gegebenenfalls Schriftdateien.
* README.txt mit Anleitungen zu Vorschau, Hosting-Upload und Formularkonfiguration.

Bewahre Produktions-Originalvideos in voller Qualität außerhalb der Hosting-ZIP auf. Lege alle benötigten Dateien lokal bei, ohne temporäre URLs oder externe Laufzeitabhängigkeiten.

Stelle die index.html außerdem separat bereit und erkläre, dass die zugehörigen Ordner benötigt werden.

Öffne den ausgelieferten Ordner in einer Vorschau und prüfe Vorwärts- und Rückwärtsscrollen, das Timing der Texteinblendungen, den weißen Übergang, responsive Layouts, Formularverhalten, Alternativen bei reduzierter Bewegung und deaktiviertem JavaScript, relative Pfade und das Entpacken der ZIP-Datei.

Behebe Probleme und benenne Prüfungen, die du nicht durchführen konntest. Liefere vollständige Website-Dateien, nicht nur Ausschnitte oder einen Umsetzungsplan.

Nutze Higgsfield, um einen filmischen Titelfilm für das Portfolio des Fotografen Julian Weber zu erstellen, spezialisiert auf Porträts, Fashion und Editorial.

Erstelle genau zwei aufeinander abgestimmte Clips, die über einen nahtlosen Übergang in warmem Elfenbein zu einem einzigen 12-sekündigen Video verbunden werden:

* Clip 1: 7 Sekunden.
* Clip 2: 5 Sekunden.

Verwende 1920 × 1080, 16:9 und keinen Ton. Wähle ein verfügbares Modell mit hoher Porträt- und Fashion-Konsistenz. Falls die exakten Cliplängen nicht unterstützt werden, generiere geeignetes Ausgangsmaterial und schneide die fertige Sequenz auf 12 Sekunden.

VISUELLE RICHTUNG
Warme Terrakotta- und Burnt-Orange-Töne, ausbalanciert mit warmem Elfenbein, Kohleschwarz und gelegentlichen gedeckten Olivakzenten. Filmisch, editorial, minimal. Weiches natürliches Licht mit tiefen, durchdachten Schatten. Die Stimmung soll wirken wie eine inszenierte Fotoausstellung.

Farbpalette:
* Warmes Elfenbein: #F5F0E8
* Kohleschwarz: #1B1917
* Terrakotta: #BD633B
* Gedecktes Oliv: #68694D

CLIP 1 — 7 SEKUNDEN

0–1,5 Sekunden:
Zeige einen Fotografen mit einer professionellen Kamera in einem warmen Elfenbein-Studio. Er ist mittig, ruhig und selbstbewusst. Die Terrakottatöne des Hintergrunds ergänzen seine Präsenz. Beginne eine langsame, sanfte Kamerafahrt auf ihn zu.

1,5–4 Sekunden:
Wechsle fließend zu einer Reihe von Porträtmodellen — ausdrucksstarke Gesichter, die aus weichem Kohle- und Elfenbeinlicht hervortreten. Zeige eine Mischung aus Fashion- und Editorial-Posen: ein Modell in warmen Terrakottatönen, ein Beauty-Nahaufnahme, eine Fashion-Silhouette. Jedes Gesicht hält einen Moment. Augen und Ausdruck bleiben sichtbar und unverstellt.

4–6 Sekunden:
Führe die Porträts mit einer langsamen, kontrollierten Kamerabewegung weiter. Das Licht wechselt dezent von warmem Elfenbein zu tieferem Kohleschwarz und offenbart Stimmung und Charakter. Die Gesichter bleiben im Fokus.

6–7 Sekunden:
Die Kamera nähert sich einer warmen Elfenbeinfläche. Das Bild füllt sich allmählich mit weichem, gleichmäßigem warmem Elfenbeinlicht. Ende mit diesem Elfenbeinbild.

CLIP 2 — 5 SEKUNDEN

0–0,5 Sekunden:
Beginne mit dem identischen warmen Elfenbeinbild. Lass das Licht zurückgehen und zeige den Fotografen erneut, wie er die Kamera anhebt, aus einem leicht anderen Winkel aufgenommen.

0,5–3,5 Sekunden:
Fahre die Kamera flüssig zurück. Enthülle die Studioumgebung — warmer Terrakottahintergrund, weiches natürliches Licht und der Fotograf, der die Kamera senkt. Ein letztes Porträtmodell erscheint kurz im Hintergrund, dann beruhigt sich die Komposition auf den Fotografen in einer ruhigen, selbstbewussten Haltung.

3,5–5 Sekunden:
Lass die Bewegung sanft in eine stabile Endkomposition auslaufen, mit dem Fotografen mittig, Kamera sichtbar, durchgehend warme Terrakotta- und Elfenbeintöne. Das Bild wirkt wie das Cover eines Editorial-Magazins.

ÜBERGANG UND STIL
Verberge den Wechsel von der Porträtsequenz zur Studio-Enthüllung vollständig innerhalb der übereinstimmenden warmen Elfenbeinbilder. Keine sichtbare Verformung oder abrupte Schnittkante.

Verwende realistische Hauttexturen, natürliches Licht, durchdachte Komposition und editorial Zurückhaltung. Entwickle die Bildstimmung von intimen Porträts zu einem selbstbewussten Studioporträt des Fotografen. Halte Gesichter, Augen und das Kameralinsen durchgehend unverstellt.

Halte wesentliche Motive mittig im Bild, damit ein mobiler Zuschnitt möglich ist. Die Bewegung muss sich flüssig vorwärts und rückwärts durchlaufen lassen. Kein Kamerawackeln, keine übermäßige Bewegungsunschärfe, Texteinblendungen, zusätzlichen Logos oder Wasserzeichen.

WEBOPTIMIERTE AUSLIEFERUNG
Liefere die Originalclips und den zusammengesetzten 12-sekündigen Film sowie eine komprimierte, webfertige MP4.

Kodiere die Webversion als H.264 in 1080p mit yuv420p-Pixelformat, Fast-Start-Metadaten, häufigen Schlüsselbildern für reaktionsschnelles Springen zwischen Videopositionen und ohne Tonspur. Strebe ungefähr 10–15 MB oder weniger an, ohne Hautdetails, Stofftexturen und saubere Farbverläufe zu verlieren.

Führe die Komprimierung nach der Generierung mit verfügbaren Werkzeugen durch. Falls Schnitt oder Konvertierung nicht möglich sind, benenne das klar.

Prüfe die Porträtkonsistenz, den Elfenbeinübergang, die Studio-Enthüllung und die Endkomposition. Benenne sichtbare Abweichungen ehrlich.

Erstelle eine vollständige, responsive Portfolio-Website für den Fotografen Julian Weber, spezialisiert auf Porträts, Fashion und Editorial-Fotografie.

Die Website soll wirken wie eine schön inszenierte Fotoausstellung: filmisch, selbstbewusst, minimal und einprägsam. Verleihe ihr die visuelle Qualität eines preisgekrönten Kreativ-Portfolios mit markanter Typografie, großzügigen Räumen und herausragender Bildpräsentation.

Alle Website-Texte müssen auf Deutsch sein. Erstelle die funktionierende Website direkt in Base44.

Verwende folgende Anforderungen:

1. SCHAFFE EINE KOHÄRENTE VISUELLE IDENTITÄT AUS DEN HOCHGELADENEN MEDIEN

Nutze die warmen Terrakotta- und Burnt-Orange-Töne der Titelbilder, ausbalanciert mit warmem Elfenbein, Kohleschwarz und gelegentlichen gedeckten Olivakzenten.

Farbpalette:
* Warmes Elfenbein: #F5F0E8
* Kohleschwarz: #1B1917
* Terrakotta: #BD633B
* Gedecktes Oliv: #68694D

Halte die meisten Portfolio-Bereiche in Elfenbein, damit die Fotografie im Fokus bleibt. Verwende Terrakotta für ausgewählte Hintergründe, kleine Akzente und den letzten Kontaktbereich.

Kombiniere eine elegante editorial Serifenschrift mit einer klaren modernen serifenlosen Schrift. Verwende übergroße Schlagzeilen, durchdachte Zeilenumbrüche, kleine Großbuchstaben-Labels und ein einheitliches Abstandssystem.

Vermeide generische Kartenraster, übermäßige abgerundete Ecken, schwere Schatten, dekorative Verläufe und unnötige Interface-Elemente. Die Designwirkung soll aus Komposition, Typografie und Fotografie entstehen.

2. EIN FILMISCHER EINSTIEGSBEREICH GESTEUERT DURCH SCROLLEN

Verwende das hochgeladene fertige Titelvideo. Nutze dessen bestehende visuelle Inhalte und Timing.

Das Video muss auf die Scrollposition des Besuchers reagieren:
* Scrollen nach unten spult das Video vor.
* Scrollen nach oben spult das Video zurück.
* Stoppen des Scrollens hält das entsprechende Bild.
* Das Video darf im Einstiegsbereich nicht automatisch abspielen oder in Schleife laufen.

Erstelle eine fixierte oder sticky Einstiegssequenz. Halte das Medium sichtbar, während der Besucher durch die Animation scrollt, und wechsle dann natürlich zum Portfolio darunter über.

Verwende ungefähr drei bis vier Bildschirmhöhen für den Einstiegsbereich am Desktop und eine kürzer, sorgfältig abgestimmte Strecke auf Mobilgeräten. Die Interaktion soll reaktionsschnell und flüssig sein, mit genug Scrollstrecke, um die Sequenz zu würdigen.

Zeige das erste Bild sofort mit einem passenden Vorschaubild, während das Video lädt. Initialisiere das Springen zwischen Videopositionen erst, sobald die Videometadaten verfügbar sind, und bilde die Scrollfortschritt des Einstiegsbereichs präzise auf die Videodauer ab. Behandle schnelles Scrollen, Rückwärtsscrollen, Größenänderungen und die Rückkehr zum Einstiegsbereich ohne Sprünge oder ungewollte Zurücksetzungen.

Verwende natives Seitenscrollen und effiziente Animationsaktualisierungen. Überschreibe nicht das Mausrad und greife nicht in Touch-Gesten ein.

Die Eröffnungskomposition soll enthalten:
* Kleine Einführung: „JULIAN WEBER — FOTOGRAF"
* Hauptüberschrift: „Ein anderer Blickwinkel."
* Begleittext: „Porträts, Fashion & Geschichten in Bewegung. Ansässig in New York."
* Ein dezenter „Scrollen zum Entdecken"-Hinweis.

Platziere die Typografie im verfügbaren Freiraum. Blende die große Überschrift aus, sobald die Sequenz beginnt, damit das Video unverstellt bleibt. Halte wichtige Gesichter, Augen und das Kameralinsen während des gesamten Übergangs sichtbar.

Der Einstiegsbereich soll elegant zum nächsten Abschnitt übergehen, ohne einen abrupten leeren Bereich.

3. GESTALTE DAS MOBILE ERLEBNIS BEWUSST

Die Scrollanimation muss auch mit normalem Fingerscrollen auf iPhone und Android funktionieren.

Verwende eine stabile mobile Viewport-Höhe, damit Adressleistenänderungen des Browsers nicht zum Springen des fixierten Bereichs führen.

Erstelle für das Querformat-Titelvideo ein bewusstes Mobile-Layout mit einem randlosen Breitbild-Videopanel und Typografie im verbleibenden Bildschirmraum. Bewahre die wichtigen Motive und Übergangs-Brennpunkte. Strecke das Video nicht und schneide keine Gesichter ab, um ein Hochformatbildschirm zu füllen.

Konfiguriere das Video für stummes Inline-Abspielen und teste das Springen zwischen Videopositionen auf mobilen Browsern.

Wenn flüssiges Videospringen nicht verfügbar ist oder der Besucher reduzierte Bewegung bevorzugt, stelle einen polierten statischen Einstiegsbereich mit einer klaren „Film abspielen"-Option bereit. Die vollständige Website muss auch ohne den Scrolleffekt zugänglich bleiben.

Vermeide übergroße Video-Downloads auf Mobilgeräten. Verwende wo nötig eine weboptimierte Version, die Originalbildmaterial und Timing bewahrt.

4. FÜGE EINE VERFEINERTE NAVIGATIONSBAR HINZU

Platziere „JULIAN WEBER" als typografisches Wortzeichen links.

Navigation:
* Arbeit
* Über
* Bewegung
* Kontakt

Füge eine „Shooting buchen"-Aktion hinzu.

Beginne mit transparenter Navigation über dem Einstiegsbereich. Wechsle zu einer kompakten Elfenbein-Navigationsbar, wenn Besucher den Hauptinhalt erreichen, mit angemessenem Textkontrast in beiden Zuständen.

Verwende auf Mobilgeräten ein einfaches, barrierefreies Menü mit komfortablen Tipptreffern. Alle Navigationslinks müssen zu den richtigen Abschnitten scrollen.

5. ERSTELLE EINE EDITORIAL FOTO- UND VIDEOGALERIE UNTER DEM EINSTIEGSBEREICH

Stelle das Portfolio vor mit:
* Kleines Label: „AUSGEWÄHLTE ARBEITEN"
* Überschrift: „Bilder mit Präsenz."
* Kurze Einführung: „Eine Auswahl an Porträts, Fashion-Geschichten und persönlichen Perspektiven."

Verwende die hochgeladenen Modelfotos als primäre Galerie-Assets. Beziehe zusätzliche hochgeladene Videoclips als abspielbare Galerie-Elemente ein, wenn verfügbar. Standbilder müssen Fotografien bleiben.

Erstelle ein asymmetrisches Editorial-Layout mit variierenden Bildgrößen und natürlichen Seitenverhältnissen. Mische Hochformatbilder mit gelegentlichen breiteren Kompositionen. Verwende großzügige Räume und dezente Bildunterschriften statt alles in identische Karten zu setzen.

Verwende diese Projekttitel, wo sie zu den hochgeladenen Fotografien passen:
* Terracotta Study — Editorial
* After Hours — Beauty
* Natural Light — Portrait
* Soft Structure — Fashion
* City Uniform — Fashion
* Warm Presence — Portrait

Verwende drei Spalten auf großen Bildschirmen, zwei auf Tablets und eine sorgfältig platzierte Spalte auf kleinen Handys. Bewahre Gesichter und wichtige Details bei der Vorschau.

Füge zurückhaltende Hover-Effekte am Desktop hinzu: eine leichte Bildvergrößerung und eine Bildunterschrift-Enthüllung. Halte Bildunterschriften auf Touchscreens zugänglich.

Das Anklicken eines Bildes soll eine hochwertige Lightbox öffnen mit:
* Dem vollständigen Bild
* Projekttitel und Kategorie
* Zurück- und Weiter-Steuerung
* Tastaturnavigation und Escape zum Schließen
* Wischnavigation auf Mobilgeräten
* Korrekter Fokusbehandlung und wiederhergestellter Seitenposition nach dem Schließen

Video-Galerie-Elemente sollen einen sichtbaren Play-Indikator haben und mit funktionierenden Wiedergabesteuerungen öffnen. Spiele keinen Ton automatisch ab.

6. FÜGE EINEN PERSÖNLICHEN ÜBER-MICH-ABSCHNITT HINZU

Verwende das hochgeladene Foto von Julian mit seiner Kamera als Porträt.

Erstelle ein Editorial-Split-Layout mit dem Foto auf einer Seite und einer kurzen Einführung auf der anderen. Staple es auf Mobilgeräten elegant.

Überschrift: „Hinter der Kamera."

Text: „Ich bin Julian Weber, ein Fotograf, der in Porträt, Fashion und visuellem Storytelling arbeitet. Ich werde von ausdrucksstarken Gesichtern, durchdachtem Licht und den kleinen Details angezogen, die einem Bild seinen Charakter geben. Vom persönlichen Porträt bis zur kreativen Kampagne — jedes Shooting beginnt mit einem Gespräch."

Füge drei zurückhaltende Service-Labels hinzu:
* Porträtfotografie
* Fashion & Editorial
* Marken-Geschichten

Füge einen „Lass uns über dein Shooting sprechen"-Link hinzu, der zum Kontaktformular führt.

Erdichte keine Auszeichnungen, Kundenlogos, Testimonials oder berufliche Erfolge.

7. FÜGE EINEN EIGENEN FILMABSCHNITT HINZU

Erstelle einen breiten filmischen Abschnitt mit dem Titel: „Geschichten in Bewegung."

Begleittext: „Ein näherer Blick auf Stimmung, Bewegung und die Momente hinter den Bildern."

Verwende einen zusätzlichen hochgeladenen Film, falls verfügbar. Wenn nur das Titelvideo vorliegt, zeige dieses Video hier als eigenständigen „Studio-Film" mit normaler Wiedergabesteuerung.

Zeige ein attraktives Standbild und einen klaren Play-Button. Starte die Wiedergabe nur, wenn der Besucher sie wählt. Biete Pause-, Lautstärke- und Vollbildsteuerung.

Der Film soll auf Mobilgeräten komfortabel sichtbar sein.

8. ERSTELLE EINEN FUNKTIONIERENDEN KONTAKTABSCHNITT

Verwende einen warmen Terrakotta-Hintergrund mit gut lesbarem Text und einer selbstbewussten Überschrift: „Lass uns etwas schaffen, das es wert ist, angesehen zu werden."

Begleittext: „Sag mir, was du im Sinn hast. Ein Porträt-Shooting, eine Editorial-Geschichte oder etwas ganz Eigenes."

Füge diese Formularfelder hinzu:
* Name — erforderlich
* E-Mail — erforderlich
* Art des Shootings — Porträt, Fashion / Editorial, Marke / Commercial, Andere
* Wunschtermin — optional
* Erzähl mir von deinem Projekt — erforderlich

Senden-Button: „Anfrage senden"

Mache das Formular mit den unterstützten Datenbank- und Backend-Funktionen von Base44 funktional. Speichere jede Anfrage mit ihrem Zeitstempel, validiere erforderliche Felder und E-Mail-Adressen und biete klare Lade-, Erfolgs- und Fehlerzustände.

Zeige eine Erfolgsmeldung erst, nachdem die Anfrage tatsächlich gespeichert wurde. Halte Anfragedatensätze privat und nur für den Website-Inhaber zugänglich.

Füge einfachen Spamschutz hinzu. Aktiviere E-Mail-Benachrichtigungen nur, wenn ein echtes Ziel und eine unterstützte Versand-Integration konfiguriert sind.

Erfolgsmeldung: „Danke — deine Anfrage ist eingegangen."

Verwende diese bearbeitbaren Beispiel-Studioinformationen:
* Studio: Julian Weber Photography
* Standort: SoHo, Manhattan, New York, NY 10012
* E-Mail: hello@julianweber.example
* Telefon: +1 (212) 555-0148
* Öffnungszeiten: Montag–Freitag: 10:00–18:00 Uhr, Samstag: Nach Termin, Sonntag: Geschlossen

Zeige die Zeiten in lokaler New Yorker Zeit an. Füge hinzu: „Studiobesuche und Shootings nach Termin."

Die E-Mail-Adresse ist Demonstrationsinhalt; verwende sie nicht als Backend-Benachrichtigungsziel.

9. BINDE GOOGLE MAPS EIN

Bette eine interaktive Google Map ein, zentriert auf SoHo, Manhattan, neben oder unter den Studioinformationen.

Verwende die Nachbarschaftsposition ohne eine erfundene verifizierte Google-Business-Listung.

Füge einen „In Google Maps öffnen"-Link hinzu, der auf dieselbe Position verweist. Gib der eingebetteten Karte einen barrierefreien Titel und halte den Standort als Text lesbar.

Lade die Karte verzögert. Stelle sicher, dass Besucher auf Mobilgeräten komfortabel daran vorbeiscrollen können, ohne in Kartengesten stecken zu bleiben.

10. SCHLIESSE MIT SORGFÄLTIGER BEWEGUNG, PERFORMANCE UND BARRIEREFREIHEIT AB

Verwende dezente Abschnitts-Enthüllungen, elegante Link-Übergänge und zurückhaltende Bildbewegung. Halte den Einstiegsbereich als Hauptanimation.

Respektiere Einstellungen für reduzierte Bewegung. Biete sichtbaren Tastaturfokus, sinnvolle Bildbeschreibungen, barrierefreie Formular-Labels und lesbare Farbkontraste.

Lade die Einstiegsmedien zuerst. Lade Galerie, ergänzenden Film und Karte verzögert. Verwende angemessen große Bilder unter Bewahrung fotografischer Details.

Füge einen einfachen Footer mit Wortzeichen, Navigation, Studiostandort und Copyright hinzu. Füge keine Social-Icons mit leeren oder erfundenen Zielen hinzu.

Setze den Seitentitel auf: „Julian Weber — Porträt- & Fashion-Fotograf, New York"

Überprüfe vor dem Abschluss das vollständige Erlebnis auf Desktop-, Tablet- und Handybreiten: Vorwärts- und Rückwärtsscrollen des Einstiegsbereichs, Mobile-Touch-Verhalten, Navigation, Galerie-Lightbox, Videowiedergabe, Formularübermittlung und Kartenladen.

Liefere die vollständig umgesetzte Website mit polierten Texten und den bereitgestellten Medien, durchgehend integriert.

Nutze Higgsfield, um einen fotorealistischen, filmischen Smash-Burger-Werbefilm im 16:9-Landscape-Format zu erstellen, mit warmem Restaurant-Küchenlicht, geringer Schärfentiefe, realistischen Lebensmitteltexturen und sanfter Kamerabewegung.

Beginne mit einer niedrigen Kameraposition dicht über einer heißen Grillplatte. Ein dicker Portion rohes Rinderhack liegt mittig, Fett spritzt am Rand und leichter Dampf steigt auf. Ein schwerer Edelstahl-Burgerpresser sinkt von oben und drückt das Fleisch fest zu einem dünnen Smash-Patty. Das Fleisch breitet sich unter dem Druck natürlich aus.

Die sichtbare Oberseite des Fleisches muss während des Smashens roh bleiben. Zeige sie nicht gebraten, braun oder auf der Oberseite angebraten, während sie gepresst wird. Nur die Unterseite in Kontakt mit der Grillplatte soll brutzeln und braun werden.

Führe die sanfte, durchgehende Kamerabewegung fort. Nach dem Smash fahre die Kamera in den hellen Dampf über der Grillplatte. Lass den Dampf das Bild kurz füllen, dann klare Sicht auf die schrittweise zusammengesetzten Burgerzutaten: geröstetes Briocheknoten, geschmolzener Cheddar, Gurken, Zwiebeln und Burgersauce.

Ende mit einem fertigen Burger auf einem Teller, aufgenommen aus einem niedrigen, appetitlichen Winkel mit warmem Küchenlicht und geringer Schärfentiefe.

Die Bewegung muss flüssig genug sein, um vorwärts und rückwärts ohne sichtbares Ruckeln durchlaufen zu lassen. Kein Kamerawackeln, Texteinblendungen, Logos oder Wasserzeichen. Halte wesentliche Lebensmittelaktion mittig im Bild für mobilen Zuschnitt.

Liefere die Originalclips und eine komprimierte, webfertige MP4 als H.264 in 1080p mit yuv420p, Fast-Start-Metadaten, häufigen Schlüsselbildern für reaktionsschnelles Springen und ohne Tonspur. Strebe ungefähr 10–15 MB oder weniger an, ohne Lebensmitteltexturen, Dampfdetails und saubere Farbverläufe zu verlieren.

Erstelle eine vollständige, responsive, filmische Restaurant-Website für „SMASH HOUSE", ein fiktives Smash-Burger-Restaurant. Das Essen soll unwiderstehlich wirken und Besucher zum Menü und zum Besuch des Restaurants geführt werden.

Erstelle die Website direkt in Base44 in der nativen Projektstruktur. Liefere eine funktionierende Website, nicht nur ein Konzept oder Wireframe.

Der gesamte sichtbare Website-Text muss auf Deutsch sein.

Verwende die vollständigen fiktiven Beispielinhalte unten. Lass keine leeren Abschnitte, eckigen Platzhalter oder „Coming Soon"-Hinweise. Halte alle Beispielinhalte zentral bearbeitbar.

BEREITGESTELLTE MEDIEN

Ich lade hoch:
- Ein fertiges Burger-Titelvideo.
- Ein Teamfoto mit sechs Mitarbeitern.
- Ein Tresenfoto, das Personal beim Servieren und Zubereiten zeigt.
- Ein Foto des Gastraums.
- Ein Außenfoto.

Verwende diese bereitgestellten Assets durchgehend auf der Website. Das Video wurde separat produziert: generiere kein weiteres Video und rufe Higgsfield nicht auf.

Untersuche das tatsächliche Videomaterial, bevor du Animationszeiten festlegst. Verwende das Teamfoto als primäre Referenz für Markenfarben, Uniformen, Materialien und Atmosphäre.

MARKE UND DESIGN

Restaurantname: SMASH HOUSE.

Erstelle eine zeitgemäße Burger-Restaurant-Website mit einladender Diner-Atmosphäre.

Verwende überwiegend weiße und warme Off-White-Hintergründe mit tiefen Bordeauxtönen, die den Schürzen des Teams und dem Restaurantbranding entnommen sind.

Startpalette:
- Bordeaux: #762B36
- Warmes Weiß: #FAF8F3
- Weiß: #FFFFFF
- Dunkler Text: #262222

Passe das Bordeaux an, damit es zur bereitgestellten Fotografie passt. Führe keine orangen, gelben oder hellroten Interface-Akzente ein.

Verwende kraftvolle, übergroße Schlagzeilen, saubere Körpertypografie, großzügige Fotografie und bewusste Abstände. Füge dezente Diner-Details hinzu wie dünne Bordeauxlinien und kleine Großbuchstaben-Labels.

Vermeide generische Kartenraster, übermäßige abgerundete Container, schwere Schatten und dekorative Verläufe.

KOPFZEILE

Platziere das SMASH HOUSE-Wortzeichen links.

Navigation:
- Menü
- Unser Lokal
- Das Team
- Besuchen

Hauptbutton: „Menü entdecken".

Füge ein barrierefreies Mobile-Menü hinzu.

Halte die Kopfzeile während der gesamten fixierten Einstiegssequenz transparent, einschließlich des letzten gehaltenen Bildes. Gewährleiste lesbare Navigation ohne festen Header-Hintergrund.

Erst nach dem Lösen des Einstiegsbereichs soll die Kopfzeile zu warmem Weiß mit Bordeaux-Branding und dunkler Navigation wechseln. Kehre dieses Verhalten beim Zurückscrollen in den Einstiegsbereich um.

SCROLLGESTEUERTER EINSTIEGSBEREICH

Verwende das hochgeladene Video als randlosen, bildschirmfüllenden fixierten Einstiegsbereich ohne weiße Ränder oder sichtbare Videosteuerelemente.

Der gesamte Einstiegs-Scrollbereich soll ungefähr vier bis fünf Bildschirmhöhen umfassen. Halte die visuelle Bühne fixiert, während normales Browser-Scrollen den Videofortschritt steuert.

Verhalten:
- Scrollen nach unten spult das Video vor.
- Scrollen nach oben spult das Video zurück.
- Stoppen des Scrollens hält das aktuelle Bild.
- Kein Autoplay, Schleifen oder unabhängige Wiedergabe.
- Kein Eingriff in Mausrad oder Touch-Gesten und kein Scroll-Hijacking.

Geplante Sequenz:
1. Rohe Hackfleisch auf heißer Grillplatte.
2. Ein Metallpresser zerdrückt das Patty.
3. Die Kamera fährt in hellen Dampf.
4. Der Dampf klart auf und zeigt die Burgerzutaten beim Schichten.
5. Ein fertiger Burger ruht auf einem Teller.

Verwende das tatsächliche hochgeladene Videomaterial als Wahrheitsquelle. Passe das Timing an die realen Szenen an.

Synchronisiere bearbeitbare HTML-Overlays mit dem Videomaterial:

Eröffnung:
„Großer Hunger. Gute Wahl."
Begleitzeile: „Willkommen bei SMASH HOUSE."
Button: „Menü entdecken" → Menü-Abschnitt.

Smash:
„So smashen wir."

Zusammenbau:
„Dein nächster Lieblingsburger. Schicht für Schicht."

Fertiger Burger:
„Bereit für den ersten Biss?"
Button: „Menü zeigen" → Menü-Abschnitt.

Zeige immer nur eine Textgruppe gleichzeitig. Halte Text von der Haupt-Lebensmittelaktion fern. Verwende zurückhaltende Fades.

Blende Einstiegstext, Buttons und Kontrast-Overlays vor dem Übergang in den hellen Dampf aus. Halte diesen Moment sauber. Stelle das nächste Overlay wieder her, nachdem die Burgerszene sichtbar wird.

Halte das letzte Burgerbild über dem letzten Teil des Scrollbereichs, bevor in normalen Seiteninhalt übergegangen wird.

VIDEO-PERFORMANCE

Warte auf Metadaten, bevor die Wiedergabezeit berechnet wird. Halte das Video pausiert und springe effizient mit requestAnimationFrame, ohne überlappende Seek-Anfragen.

Verwende stummes Inline-Video-Verhalten für Mobile-Kompatibilität.

Zeige sofort ein Vorschaubild und behalte es, bis das Video ein zeichenbares Bild hat. Vermeide leere oder defekte Medienbereiche.

Falls direktes Springen sichtlich ruckelig ist und Vorverarbeitung unterstützt wird, leite eine optimierte Bildsequenz aus dem bereitgestellten Video ab. Generiere kein Ersatzmaterial.

Bewahre Proportionen und halte wesentliche Lebensmittelaktion auf Mobilgeräten sichtbar. Passe Rahmen oder Layout an, wenn Hochformatzuschnitt wichtige Inhalte verlieren würde.

Bei reduzierter Bewegung oder Medienfehler:
- Zeige ein bereitgestelltes Burger-Bild oder ein aus dem Video extrahiertes Bild.
- Zeige die Hauptüberschrift und den Menü-Button.
- Entferne die lange fixierte Scrollstrecke.
- Verwende einen lesbaren statischen Header.

MENÜ-ABSCHNITT

Überschrift: „Finde deinen Favoriten."
Einleitung: „Burger, Pommes und etwas zum Runterspülen."

Verwende das folgende vollständige Beispielmenü. Dies sind bearbeitbare Konzeptrezepte und Preise, keine verifizierten Angaben über ein echtes Geschäft.

BURGER

Classic Smash — 8,90 €
„Ein Smash-Rinderpatty, geschmolzener Cheddar, Gurken, Zwiebeln und hauseigene Burgersauce auf geröstetem Briocheknoten."

Double Smash — 11,90 €
„Zwei Smash-Rinderpattys, doppelter Cheddar, Gurken, Zwiebeln und Burgersauce auf geröstetem Briocheknoten."

Smoky BBQ Smash — 10,90 €
„Ein Smash-Rinderpatty mit Cheddar, knusprigem Bacon, Zwiebeln und rauchiger BBQ-Sauce auf geröstetem Briocheknoten."

Veggie Burger — 9,90 €
„Ein Gemüsepatty mit Salat, Tomate, Gurken und Burgersauce auf geröstetem Knoten."

BEILAGEN

Pommes — 3,90 €
„Goldene Pommes mit einer Prise Salz."

Käsepommes — 5,90 €
„Goldene Pommes mit warmer Käsesauce und Frühlingszwiebeln."

GETRÄNKE

Cola / Diet Cola — 2,90 €
„Klassische Erfrischung. Gut gekühlt serviert."

Zitronenlimonade — 2,90 €
„Frisch, sprudelnd und erfrischend."

Sprudel / Stilles Wasser — 2,50 €
„Halte es einfach."

Stelle Preise klar dar. Füge nicht zu jedem Menüpunkt Bestellbuttons hinzu und baue keinen unnötigen Warenkorb.

Erdichte keine Bio-, Herkunfts-, hausgemachten, veganen, glutenfreien oder allergenfreien Behauptungen.

Verwende ein Standbild aus dem hochgeladenen Burgervideo als großes Begleitbild. Stelle dasselbe Bild nicht als mehrere verschiedene Menüprodukte dar.

UNSER LOKAL

Überschrift:
„Dein Ort für Burger und gute Gesellschaft."

Text:
„Setz dich in eine Booth, bring deine Freunde und mach es dir bequem. Vom Trubel am Tresen bis zur letzten Pommes auf deinem Tablett — SMASH HOUSE dreht sich um einfaches Gutessen: gutes Essen, vertraute Gesichter und ein Ort, an den du zurückkehren möchtest."

Verwende die Tresen- und Gastraumfotos in einem großzügigen Editorial-Layout.

DAS TEAM

Überschrift:
„Sechs Leute. Ein großer Appetit."

Text:
„Lerne die Leute hinter dem Smash kennen. Am Grill, hinter dem Tresen und draußen im Gastraum — wir sind hier, um deinen Besuch zu einem guten Erlebnis zu machen. Komm hungrig, sag Hallo und überlass uns das Burgergeschäft."

Verwende das bereitgestellte Sechs-Personen-Portrat prominent.

Erdichte keine einzelnen Namen, Biografien, Auszeichnungen, Gründungsdaten oder Kunden-Testimonials.

BESUCHEN

Überschrift:
„Bis bald bei SMASH HOUSE."

Einleitung:
„Mittagspause, Abendpläne oder ein spontaner Burger-Stopp. Ein Platz wartet auf dich."

Verwende das bereitgestellte Außenfoto neben diesen fiktiven Beispieldetails:

Adresse:
SMASH HOUSE
128 Brioche Lane
Austin, TX 78701
USA

Telefon:
+1 (512) 555-0147

E-Mail:
hello@smashhouse.example

Öffnungszeiten:
Montag–Donnerstag: 11:30–22:00 Uhr
Freitag–Samstag: 11:30–23:00 Uhr
Sonntag: 12:00–21:00 Uhr

Service-Hinweis:
„Vor Ort essen oder mitnehmen."

Verwende die reservierte Beispieltelefonnummer und E-Mail genau wie angegeben. Es sind Demonstrationsdetails.

Hauptaktion:
„Menü ansehen" → Menü-Abschnitt.

Sekundäraktion:
„Standortdetails" → ein barrierefreies lokales Modal oder ein Abschnitt, der das Außenfoto, die vollständige Beispieladresse und die Öffnungszeiten anzeigt.

In dieser Standortansicht füge hinzu:
„Dies ist ein fiktives Restaurant, das für eine Website-Demo erstellt wurde."

Verlinke die fiktive Adresse nicht mit einer echten Karte. Starte keine Anrufe, sende keine E-Mails und nimm keine Bestellungen mit den Beispielkontaktdaten an.

FUSSZEILE

Enthält:
- SMASH HOUSE-Wortzeichen.
- „Großer Hunger. Gute Wahl."
- Hauptabschnittsnavigation.
- Adresse und Öffnungszeiten.
- Impressum.
- Datenschutz.
- Nach oben.

Fußzeilen-Hinweis:
„SMASH HOUSE ist ein fiktives Restaurant, das für eine Website-Demo erstellt wurde."

Füge keine leeren Social-Icons oder erfundenen Social-Konten hinzu.

IMPRESSUM-SEITE

Erstelle eine echte lokale Seite mit dem Titel „Impressum".

Verwende diesen Beispieltext:

„SMASH HOUSE ist ein fiktives Restaurantkonzept, das erstellt wurde, um eine Restaurant-Website zu demonstrieren.

Der Geschäftsname, das Menü, die Preise, die Adresse, die Öffnungszeiten, die Telefonnummer und die E-Mail-Adresse auf dieser Website sind Beispielinhalte. Die Website stellt kein betreibendes Restaurant dar und nimmt keine Bestellungen, Reservierungen oder Zahlungen entgegen.

Die Restaurantszenen und Teamporträts sind KI-generierte Illustrationsbilder.

Diese Seite ist Demonstrationsinhalt und muss durch die erforderlichen Angaben des tatsächlichen Betreibers ersetzt werden, bevor die Website für ein echtes Geschäft verwendet wird."

DATENSCHUTZ-SEITE

Erstelle eine echte lokale Seite mit dem Titel „Datenschutz".

Verwende diesen Beispieltext:

„Diese Website demonstriert ein fiktives Restaurantkonzept. Sie enthält keine Kundenkonten, Bestellformulare, Reservierungsformulare oder Zahlungsabwicklung.

Sende keine persönlichen Daten über die Demonstrationskontaktdaten.

Die Hosting-Plattform kann technische Informationen verarbeiten, wenn Besucher auf die Website zugreifen. Vor der Nutzung dieser Website für ein echtes Geschäft muss der Betreiber das tatsächliche Hosting, Cookies, Analytics und verbundene Dienste prüfen und eine korrekte Datenschutzerklärung bereitstellen.

Diese Seite ist Demonstrationsinhalt und keine vollständige Datenschutzerklärung für ein aktives Restaurantgeschäft."

Füge keine optionalen Analytics, Werbe-Tracker oder externe Karten-Einbettungen hinzu.

UMSETZUNG

Verwende die normale technische Struktur von Base44. Ein separater statischer HTML-Export oder ZIP ist nicht erforderlich.

Halte Menüpunkte, Preise, Geschäftsdetails, Öffnungszeiten, Rechtstexte, Medienreferenzen und Einstiegsoverlay-Timing zentral bearbeitbar.

Verwende semantisches HTML, responsive Layouts, sinnvolle Alt-Texte, Tastaturnavigation, sichtbare Fokuszustände, lesbare Kontraste und Unterstützung für reduzierte Bewegung.

Stelle sicher, dass Mobile-Menü und Standortmodal korrekt öffnen, schließen und den Fokus verwalten.

Inaktive Einstiegsoverlays dürfen nicht anklickbar oder tastaturfokussierbar bleiben.

Ankerlinks müssen ihre Abschnitte erreichen, ohne hinter dem fixierten Header versteckt zu werden. Normaler Inhalt muss unabhängig von der Animation zugänglich bleiben.

Füge keine Kundenkonten, Datenbank, einen Warenkorb oder ein Zahlungssystem hinzu.

VERIFIZIERUNG

Prüfe und behebe:
- Vorwärts- und Rückwärts-Scrollen.
- Ein stabiles Bild beim Stoppen des Scrollens.
- Overlay-Timing gegen das tatsächliche Videomaterial.
- Ein sauberer Dampf-Übergang.
- Transparenter Header während des gesamten Einstiegsbereichs.
- Korrektes Header-Verhalten in beide Scrollrichtungen.
- Sofortige Vorschaubild-Anzeige und zuverlässiges Laden.
- Mobile-Rahmung und Navigation.
- Funktionierende Abschnittslinks und Standortdetails.
- Fallbacks für reduzierte Bewegung und Medienfehler.
- Kein horizontaler Überlauf.
- Funktionierende Rechtsseiten.
- Durchgehend deutsche Texte.
- Vollständige Beispielinhalte ohne ungelöste Platzhalter.

Liefere die fertige Website mit einer funktionierenden Vorschau. Benenne kurz alle Prüfungen, die nicht durchgeführt werden konnten.