Recorrido por la interfaz de la app

Capturas reales de la app dentro de una maqueta de iPhone en CSS (cuerpo redondeado, borde metálico, isla dinámica, reflejo de pantalla), flotando sobre un escenario suave con el color de la marca mientras el recorrido pasa por las pantallas.

Es una de las 13 plantillas de anuncio HTML nativas de Hermoso, formatos renderizados desde marcado real por un navegador en lugar de generados por un modelo. Esta genera un vídeo, con 4 espacios de texto que rellenas, y necesita 2 capturas de pantalla de la app de tu marca antes de poder ejecutarse.

Cuándo usarlo

Campañas de instalación de apps y lanzamientos de software. Es la respuesta para marcas de apps a una película de producto, y la única forma de mostrar una interfaz sin que un modelo la invente.

Lo que hay que acertar

La interfaz se renderiza como DOM a partir de tus capturas reales, así que es exacta al píxel y legible. Dos pantallas es el mínimo; un recorrido de una sola pantalla es un anuncio estático.

El formato de un vistazo

  • Salida: un vídeo.
  • Espacios de texto: 4, cada uno con su propio límite de caracteres derivado del diseño y no adivinado.
  • Recursos necesarios: 2 capturas de pantalla de la app.
  • ID de plantilla: app-ui-tour.

Cómo se renderiza esta plantilla

Nada de esto lo genera un modelo de imagen o de vídeo. El formato es una página HTML autocontenida cuya animación es una función pura del tiempo, sin keyframes CSS, temporizadores ni aleatoriedad. El renderizador avanza esa página fotograma a fotograma en Chrome sin interfaz, captura cada fotograma y los ensambla con ffmpeg en un archivo H.264 que termina en un fundido cruzado hacia tu tarjeta final de marca.

De eso se deducen dos cosas. El render es determinista: las mismas entradas producen el mismo archivo, así que un formato que se veía bien ayer se ve bien hoy. Y cada palabra en pantalla es texto real renderizado por el navegador, lo que significa que el texto es exacto y se mantiene nítido a cualquier resolución. Todo el proceso cuesta un par de créditos en lugar de una generación de vídeo, que es lo que hace que estos formatos sean prácticos a gran volumen.

¿Cuántas pantallas necesita un recorrido?

Al menos dos. Un recorrido de una sola pantalla es un anuncio estático con un teléfono dibujado alrededor. Las pantallas son tus capturas reales renderizadas como DOM del navegador dentro de un iPhone en CSS, así que la interfaz se mantiene legible en lugar de inventarse.

Las 13 aparecen en el índice de plantillas de anuncio nativas, y el catálogo completo está en el índice de recetas creativas.

La plantilla de recorrido por la interfaz de la app se puede usar desde Claude, Cursor, Codex o cualquier otro cliente MCP, además de desde el estudio web, con la misma base de marca. Usar un formato desde un agente explica la configuración.

Renderiza un anuncio en formato nativo por un par de créditos. El plan gratuito no necesita tarjeta.

Empieza gratis →   Ver precios