Echte Produkt- und Lifestyle-Fotos fallen Kachel für Kachel mit einem weichen Hüpfen hinein und lösen sich schließlich in einem fertigen Raster unter einem Markenlogo auf.
Es ist eine von 13 nativen HTML-Anzeigenvorlagen in Hermoso, also Formate, die ein Browser aus echtem Markup rendert statt ein Modell generiert. Diese hier liefert ein Video mit 4 Textfeldern, die du ausfüllst, und sie braucht 4 Produktfotos aus deiner Marke, bevor sie laufen kann.
Wann man es einsetzt
Für Kollektionen, Sortimente, Vorher-nachher-Sets und jede Marke mit einer Bibliothek guter Fotografie, die sonst nirgends hin kann. Sie macht aus einem Ordner voller Bilder ein gestaltetes Video.
Worauf es ankommt
Es braucht vier Fotos. Das Format ist das Zusammensetzen eines Rasters, also müssen die Kacheln wirklich verschiedene Bilder sein und keine Ausschnitte eines einzigen.
Das Format auf einen Blick
- Ausgabe: ein Video.
- Textfelder: 4, jedes mit eigenem Zeichenbudget, das aus dem Layout abgeleitet und nicht geschätzt ist.
- Benötigte Assets: 4 Produktfotos.
- Vorlagen-ID: photo-grid.
So rendert diese Vorlage
Nichts hier wird von einem Bild- oder Videomodell generiert. Das Format ist eine in sich geschlossene HTML-Seite, deren Animation eine reine Funktion der Zeit ist, ohne CSS-Keyframes, Timer oder Zufall. Der Renderer steppt diese Seite Bild für Bild in einem Headless-Chrome, macht von jedem Bild einen Screenshot und setzt sie mit ffmpeg zu einer H.264-Datei zusammen, die mit einer Überblendung auf deine Markenend-Karte endet.
Daraus folgen zwei Dinge. Der Render ist deterministisch: Dieselben Eingaben ergeben dieselbe Datei, ein Format, das gestern richtig aussah, sieht heute richtig aus. Und jedes Wort auf dem Bildschirm ist echter, im Browser gerenderter Text, also ist der Text exakt und bleibt bei jeder Auflösung scharf. Das Ganze kostet ein paar Credits statt einer Videogenerierung, und genau das macht diese Formate im großen Maßstab praktikabel.
Kann ich Ausschnitte desselben Fotos verwenden?
Nein. Das Format ist das Zusammensetzen eines Rasters, also braucht es vier wirklich verschiedene Bilder. Ausschnitte eines Bildes ergeben ein Raster ohne etwas zu enthüllen, und genau das soll die Animation leisten.
Die anderen nativen Vorlagen
- Bildanzeige im nativen Stil
- Mythos-gegen-Fakt-Erklärer
- Nutzenversprechen-Bewegtanzeige
- Kinetische Typografie
- Kinovignette
- iMessage-Chat-Reveal
Alle 13 stehen im Index der nativen Anzeigenvorlagen, und der weitere Katalog steht im Index der kreativen Rezepte.
Rendere eine Anzeige im nativen Format für ein paar Credits. Für den Free-Plan brauchst du keine Kreditkarte.
Kostenlos starten → Preise ansehen