Il motore di mockup via URL
Generate mockup realistici.
Dalle vostre immagini.
Importate un'immagine del vostro supporto. Disegnate le aree da personalizzare. Inviate i vostri visual tramite URL: il motore li inserisce nella scena, con la prospettiva e le maschere del modello.
I tuoi modelli
Rendering tramite URL
Configurazione del modello · una sola volta
Un leaflet. Una foto. Un ritratto.
Due aree sullo stesso documento: la foto dell'immobile e il ritratto rotondo del mediatore. Preparate il modello una volta sola.
Editor di modelli
modello
mK7p2
1
Importa il documento
leaflet-immobilier.png
Un leaflet · due aree
La vostra messa in scena, i vostri testi e la vostra identità grafica.
Questo documento serve da base per tutti i rendering.
Questo documento serve da base per tutti i rendering.
Documento di esempio caricato
2
Disegnare le aree
Area
Cerchio
Le immagini raggiungono le rispettive aree
Illustrazione
Aree del modello
01 · Immagine dell'immobile
Quattro punti
Trasformazione in prospettiva
Trasformazione in prospettiva
image_1 → zone_1
02 · Ritratto
Maschera circolare
Posizione e dimensioni
Posizione e dimensioni
image_2 → zone_2
Un modello = un documento di sfondo + una o più aree. Ogni area riceve un'immagine.
Richiamare questo modello tramite URL
Schema interattivo dell'editor · modello di esempio, nessuna configurazione salvata.
03 — Richiamare il modello dalla vostra applicazione
L'URL del modello.
Gli URL delle vostre immagini.
La vostra applicazione richiama il modello aggiungendo gli indirizzi delle immagini. Il primo URL alimenta la prima area, il secondo URL la seconda area. La risposta HTTP è l'immagine composta.
Immagini da trasmettere
URL immagine 1 → Area 01
https://images.example.invalid/villa.jpg
URL immagine 2 → Area 02
https://images.example.invalid/clara.jpg
GET
URL di generazione
https://mockupgenerator.io/mockups/generator/mK7p2/https://images.example.invalid/villa.jpg,https://images.example.invalid/clara.jpg
Modello identico.
Immagini variabili.
Immagini variabili.
Scegliere un set di immagini, poi simulare la chiamata.
Risposta: il vostro mockup
ANTEPRIMA · SET A
Lo sfondo resta intatto. Le immagini sono posizionate e trasformate nelle aree del modello, con la prospettiva e la maschera definite.
Un URL utilizzabile come sorgente immagine.
In una pagina web, in una scheda prodotto o in un tag
<img> di email. Senza URL di immagine aggiunta, l'URL del modello restituisce il documento originale.Simulazione locale · identificativo e URL di immagini fittizi · nessuna richiesta inviata al motore.
Caso d'uso · email personalizzate
La stessa meccanica,
nelle vostre email.
Il vostro strumento marketing costruisce un URL di rendering per ciascun destinatario e lo utilizza come sorgente dell'immagine nell'email. Il messaggio mostra un supporto composto con i suoi visual.
Un nuovo immobile è pubblicato.
La vostra applicazione recupera la foto dell'annuncio, il ritratto del mediatore e il modello associato al suo marchio.
La vostra applicazione professionale
Il mockup è stato generato.
L'URL associa il modello della campagna alla foto dell'immobile e al ritratto. Il motore restituisce l'immagine composta.
mockupgenerator
Il vostro strumento invia l'email.
Il cliente scopre un supporto già personalizzato, con un link per ordinarlo nella vostra agenzia.
Il vostro strumento di email marketing → il vostro marketplace
mockupgenerator produce le immagini. I testi, i destinatari e l'invio restano gestiti dal vostro strumento marketing.
Lo stesso supporto, prima e dopo la composizione.
Anteprima di un'email personalizzata
Oggetto
Il vostro nuovo immobile merita di essere visto.
l.
La vostra agenzia immobiliare
A: Camille Dubois
Buongiorno Camille,
Il vostro nuovo annuncio è online. Ecco la vostra carta personalizzata, pronta per essere presentata nella nostra agenzia.
Il risultato, come appare nell'email.
Un'anteprima preparata con la foto del vostro annuncio.
Esempio illustrativo: nessuna email viene inviata.
Esempio illustrativo: nessuna email viene inviata.
Un utilizzo già presente nelle campagne immobiliari di immosquare.
Contenuto dimostrativo · marchio e contatti fittizi
La messa in prospettiva
I vostri visual seguono
i piani del supporto.
Un'immagine in piano diventa una faccia di cofanetto o una pagina di brochure. I quattro punti di ogni area ne determinano la prospettiva. Lo scenario resta quello del vostro modello.
Un supporto, più aree indipendenti.
I tratteggi collegano ogni visual alla sua destinazione.
Stampati
Due pagine. Due prospettive.
Fornite il visual di ogni pagina. Il motore lo trasforma nell'area corrispondente, senza modificare la messa in scena.
Personalizzazione
Una foto dell'immobile. Un ritratto.
Ogni immagine raggiunge la sua area nella brochure, con la prospettiva del supporto.
Illustrazioni di principio · visual dimostrativi generati, senza utilizzare il motore.
Concepito come un elemento applicativo
La composizione grafica,
guidata dai vostri strumenti.
Il back office gestisce i modelli. Il vostro codice seleziona le immagini e avvia il rendering. Ogni applicazione può utilizzare il risultato nel proprio percorso.
Conversare con il nostro team
Aree che seguono il supporto.
Il motore calcola una trasformazione in prospettiva a partire dai quattro punti di ogni area. Le maschere circolari consentono ad esempio di inserire un ritratto.
I vostri modelli, amministrabili.
Gestite le scene e le loro aree dal back office. Visualizzate in anteprima le vostre composizioni e consultate i rendering generati.
Un rendering già creato viene riutilizzato.
Per una stessa combinazione di modello e immagini, il motore recupera il risultato esistente.
La personalizzazione resta presso di voi.
I vostri strumenti preparano i testi e le creazioni. mockupgenerator riceve le immagini e ne cura la messa in scena.
Una tecnologia immosquare
Sviluppato per i nostri prodotti.
Collegato a usi concreti.
mockupgenerator nasce dai bisogni delle nostre applicazioni immobiliari: presentare supporti personalizzati, collegarli a una boutique e farli apparire nelle campagne marketing.
Scopri immosquare
Dal dato professionale
al prodotto che si vede.
al prodotto che si vede.
Lo stesso team progetta il motore di rendering e le applicazioni che lo utilizzano.