App-UI-rondleiding

Echte app-screenshots, gerenderd in een CSS-iPhone-mockup (afgeronde behuizing, metalen rand, dynamic island, schermglans), zwevend op een zacht podium in de merkkleur terwijl de rondleiding door de schermen gaat.

Het is een van de 13 native HTML-advertentietemplates in Hermoso, formaten die door een browser uit echte markup worden gerenderd in plaats van door een model te worden gegenereerd. Deze geeft een video, met 4 tekstvakken die je invult, en hij heeft 2 app-screenshots van je merk nodig voordat hij draait.

Wanneer je het gebruikt

App-installatiecampagnes en softwarelanceringen. Het is het app-merkantwoord op een productfilm, en de enige manier om een interface te tonen zonder dat een model er een verzint.

Het belangrijkste om goed te doen

De interface wordt gerenderd als DOM uit je echte screenshots, dus hij is pixel-perfect en leesbaar. Twee schermen is het minimum; een rondleiding van één scherm is een statische advertentie.

Het formaat in het kort

  • Output: een video.
  • Tekstvakken: 4, elk met een eigen tekenbudget afgeleid van de lay-out in plaats van geschat.
  • Vereiste assets: 2 app-screenshots.
  • Template-id: app-ui-tour.

Zo rendert deze template

Niets hier wordt gegenereerd door een beeld- of videomodel. Het formaat is een op zichzelf staande HTML-pagina waarvan de animatie een pure functie van de tijd is, zonder CSS-keyframes, timers of toeval. De renderer stapt die pagina frame voor frame door in headless Chrome, maakt van elk frame een screenshot en zet ze met ffmpeg om in een H.264-bestand dat eindigt op een crossfade naar je merk-eindkaart.

Daar volgen twee dingen uit. De render is deterministisch: dezelfde input levert hetzelfde bestand op, dus een formaat dat gisteren goed eruitzag, ziet er vandaag ook goed uit. En elk woord in beeld is echte, door de browser gerenderde tekst, wat betekent dat de tekst exact is en scherp blijft bij elke resolutie. Het geheel kost een paar credits in plaats van een videogeneratie, en dat maakt deze formaten praktisch om in volume te draaien.

Hoeveel schermen heeft een rondleiding nodig?

Minstens twee. Een rondleiding van één scherm is een statische advertentie met een telefoon eromheen getekend. De schermen zijn je echte screenshots, gerenderd als browser-DOM binnen een CSS-iPhone, dus de interface blijft leesbaar in plaats van verzonnen.

Alle 13 staan op de index van native advertentietemplates, en de bredere catalogus staat op de index van creatieve recepten.

De app-UI-rondleiding-template is bereikbaar vanuit Claude, Cursor, Codex of elke andere MCP-client, net als vanuit de webstudio, met dezelfde merkcontext. Een formaat aansturen vanuit een agent legt de opzet uit.

Render een native-formaat advertentie voor een paar credits. Het Free-abonnement vraagt geen creditcard.

Gratis starten →   Bekijk prijzen