Tour dell’interfaccia app

Screenshot reali dell’app resi dentro un mockup iPhone in CSS (corpo arrotondato, bordo metallico, dynamic island, riflesso sullo schermo), che fluttua su un palco morbido colorato con il colore del brand mentre il tour attraversa le schermate.

È uno dei 13 template HTML nativi per annunci in Hermoso, formati resi da markup reale da un browser invece che generati da un modello. Questo produce un video, con 4 slot di testo da compilare, e richiede 2 screenshot dell’app dal tuo brand prima di partire.

Quando usarlo

Campagne di installazione app e lanci software. È la risposta per brand-app a un film di prodotto, e l’unico modo per mostrare un’interfaccia senza che un modello ne inventi una.

La cosa da fare bene

L’interfaccia è DOM reso dai tuoi screenshot reali, quindi è accurata al pixel e leggibile. Due schermate è il minimo; un tour di una sola schermata è un annuncio statico.

Il formato in breve

  • Output: un video.
  • Slot di testo: 4, ciascuno con il proprio budget di caratteri derivato dal layout invece che stimato.
  • Asset richiesti: 2 screenshot dell’app.
  • ID template: app-ui-tour.

Come viene reso questo template

Niente qui viene generato da un modello di immagini o video. Il formato è una pagina HTML autonoma la cui animazione è una pura funzione del tempo, senza keyframe CSS, timer o casualità. Il renderer fa avanzare quella pagina fotogramma per fotogramma in Chrome headless, cattura ogni fotogramma e li assembla con ffmpeg in un file H.264 che termina con una dissolvenza incrociata sulla tua end card di brand.

Ne derivano due cose. Il render è deterministico: gli stessi input producono lo stesso file, quindi un formato che sembrava giusto ieri sembra giusto oggi. E ogni parola a schermo è testo reale reso dal browser, il che significa che il copy è esatto e resta nitido a qualsiasi risoluzione. Il tutto costa un paio di crediti invece di una generazione video, ed è ciò che rende questi formati pratici da usare in volume.

Quante schermate servono per un tour?

Almeno due. Un tour di una schermata è un annuncio statico con un telefono disegnato intorno. Le schermate sono i tuoi screenshot reali resi come DOM del browser dentro un iPhone in CSS, quindi l’interfaccia resta leggibile invece di essere inventata.

Tutti i 13 sono elencati nell’indice dei template pubblicitari nativi, e il catalogo più ampio è nell’indice delle ricette creative.

Il template tour dell’interfaccia app è raggiungibile da Claude, Cursor, Codex o qualsiasi altro client MCP oltre che dallo studio web, con lo stesso ancoraggio al brand. Pilotare un formato da un agente spiega la configurazione.

Genera un annuncio in formato nativo con un paio di crediti. Il piano gratuito non richiede carta di credito.

Inizia gratis →   Vedi i prezzi