El motor de mockups por URL
Genere mockups realistas.
A partir de sus imágenes.
Importe una imagen de su soporte. Dibuje las zonas a personalizar. Envíe sus visuales por URL: el motor los inserta en la escena, respetando la perspectiva y las máscaras del modelo.
Tus propios modelos
Renderizado por URL
Configuración del modelo · una sola vez
Un leaflet. Una foto. Un retrato.
Dos zonas en el mismo documento: la foto del inmueble y el retrato circular del agente. Usted prepara el modelo una sola vez.
Editor de modelo
modelo
mK7p2
1
Importar el documento
leaflet-inmobiliario.png
Un leaflet · dos ubicaciones
Su puesta en escena, sus textos y su identidad gráfica.
Este documento sirve de base para todos los renders.
Este documento sirve de base para todos los renders.
Documento de ejemplo cargado
2
Dibujar las zonas
Zona
Círculo
Las imágenes se incorporan a sus zonas
Ilustración
Zonas del modelo
01 · Imagen del inmueble
Cuatro puntos
Transformación en perspectiva
Transformación en perspectiva
imagen_1 → zona_1
02 · Retrato
Máscara circular
Posición y dimensiones
Posición y dimensiones
imagen_2 → zona_2
Un modelo = un documento base + una o varias zonas. Cada zona recibe una imagen.
Llamar este modelo por URL
Esquema interactivo del editor · modelo de ejemplo, ninguna configuración guardada.
03 — Llamar el modelo desde su aplicación
La URL del modelo.
Las URL de sus imágenes.
Su aplicación llama al modelo añadiendo las direcciones de las imágenes. La primera URL alimenta la primera zona, la segunda URL la segunda zona. La respuesta HTTP es la imagen compuesta.
Imágenes a enviar
URL imagen 1 → Zona 01
https://images.example.invalid/villa.jpg
URL imagen 2 → Zona 02
https://images.example.invalid/clara.jpg
GET
URL de generación
https://mockupgenerator.io/mockups/generator/mK7p2/https://images.example.invalid/villa.jpg,https://images.example.invalid/clara.jpg
Modelo idéntico.
Imágenes variables.
Imágenes variables.
Elija un conjunto de imágenes y luego simule la llamada.
Respuesta: su mockup
VISTA PREVIA · CONJUNTO A
El fondo permanece intacto. Las imágenes se colocan y transforman en las zonas del modelo, respetando la perspectiva y la máscara definidas.
Una URL utilizable como fuente de imagen.
En una página web, una ficha de producto o una etiqueta
<img> de email. Sin URL de imagen añadida, la URL del modelo devuelve el documento original.Simulación local · identificador y URLs de imágenes ficticias · ninguna solicitud enviada al motor.
Caso de uso · emails personalizados
La misma mecánica,
en sus emails.
Su herramienta de marketing construye una URL de render para cada destinatario y la usa como fuente de la imagen en el email. El mensaje muestra un soporte compuesto con sus propios visuales.
Un nuevo inmueble ha sido publicado.
Su aplicación recupera la foto del anuncio, el retrato del agente y el modelo asociado a su marca.
Su aplicación de negocio
El mockup ha sido generado.
La URL asocia el modelo de la campaña con la foto del inmueble y el retrato. El motor devuelve la imagen compuesta.
mockupgenerator
Su herramienta envía el email.
El cliente descubre un soporte ya personalizado, con un enlace para pedirlo en su tienda.
Su herramienta de emailing → su marketplace
mockupgenerator produce las imágenes. Los textos, los destinatarios y el envío siguen siendo gestionados por su herramienta de marketing.
El mismo soporte, antes y después de la composición.
Vista previa de un email personalizado
Asunto
Su nuevo inmueble merece ser visto.
s.
Su agencia inmobiliaria
A: Camille Dubois
Hola Camille,
Su nuevo anuncio está en línea. Aquí está su tarjeta personalizada, lista para ser presentada en nuestra agencia.
El resultado, tal como aparece en el correo electrónico.
Una vista previa preparada con la foto de su anuncio.
Ejemplo ilustrativo: no se envía ningún email.
Ejemplo ilustrativo: no se envía ningún email.
Un uso ya presente en las campañas inmobiliarias de immosquare.
Contenido de demostración · marca y contactos ficticios
La puesta en perspectiva
Sus visuales siguen
los planos del soporte.
Una imagen plana se convierte en una cara de caja o en una página del folleto. Los cuatro puntos de cada zona determinan su perspectiva. El fondo permanece como en su modelo.
Un soporte, varias zonas independientes.
Las líneas punteadas conectan cada visual a su destino.
Impresos
Dos páginas. Dos perspectivas.
Usted proporciona el visual de cada página. El motor lo transforma en la zona correspondiente, sin modificar la puesta en escena.
Personalización
Una foto del inmueble. Un retrato.
Cada imagen se ubica en su zona del folleto, alineada con la perspectiva del soporte.
Ilustraciones de principio · visuales de demostración generados, sin recurrir al motor.
Diseñado como un bloque aplicativo
La composición gráfica,
gestionada por sus herramientas.
El back-office gestiona los modelos. Su código elige las imágenes y lanza el render. Cada aplicación puede usar el resultado en su propio recorrido.
Conversar con nuestro equipo
Zonas que siguen el soporte.
El motor calcula una transformación en perspectiva a partir de los cuatro puntos de cada zona. Las máscaras circulares permiten, en particular, insertar un retrato.
Sus modelos, administrables.
Gestione las escenas y sus ubicaciones desde el back-office. Previsualice sus composiciones y consulte los renders generados.
Un render ya creado se reutiliza.
Para una misma combinación de modelo e imágenes, el motor recupera el resultado existente.
La personalización queda en su poder.
Sus herramientas preparan los textos y las creaciones. mockupgenerator recibe las imágenes y realiza la puesta en escena.
Una tecnología immosquare
Desarrollado para nuestros productos.
Conectado a usos concretos.
mockupgenerator nació de las necesidades de nuestras aplicaciones inmobiliarias: presentar soportes personalizados, vincularlos a una tienda y hacerlos aparecer en campañas de marketing.
Descubra immosquare
De los datos de negocio
al producto visible.
al producto visible.
El mismo equipo diseña el motor de renderizado y las aplicaciones que lo usan.