De mockup-engine via URL
Genereer realistische mockups.
Op basis van uw beelden.
Importeer een afbeelding van uw drager. Teken de te personaliseren zones. Stuur uw visuals via URL: de engine plaatst ze in de scène, met het perspectief en de maskers van het model.
Uw eigen modellen
Weergave via URL
Modelconfiguratie · éénmalig
Eén leaflet. Eén foto. Eén portret.
Twee zones op hetzelfde document: de pandfoto en het ronde portret van de makelaar. U bereidt het model één keer voor.
Model-editor
model
mK7p2
1
Document importeren
leaflet-immobilier.png
Een leaflet · twee plekken
Uw scène, uw teksten en uw huisstijl.
Dit document vormt de basis van alle renders.
Dit document vormt de basis van alle renders.
Voorbeeldbestand geladen
2
Zones tekenen
Zone
Cirkel
De afbeeldingen komen in hun zones terecht
Illustratie
Modelzones
01 · Afbeelding van het pand
Vier punten
Transformatie in perspectief
Transformatie in perspectief
image_1 → zone_1
02 · Portret
Cirkelmasker
Positie en afmetingen
Positie en afmetingen
image_2 → zone_2
Een model = een basisedocument + één of meerdere zones. In elke zone komt een afbeelding.
Dit model aanroepen via URL
Interactief schema van de editor · voorbeeldmodel, geen configuratie opgeslagen.
03 — Het model aanroepen vanaf uw applicatie
De model-URL.
De URL's van uw beelden.
Uw applicatie roept het model aan, voegt de afbeeldingsadressen toe. De eerste URL voedt de eerste zone, de tweede URL de tweede zone. Het HTTP-antwoord is het samengestelde beeld.
Te versturen beelden
URL afbeelding 1 → Zone 01
https://images.example.invalid/villa.jpg
URL afbeelding 2 → Zone 02
https://images.example.invalid/clara.jpg
GET
Genereer-URL
https://mockupgenerator.io/mockups/generator/mK7p2/https://images.example.invalid/villa.jpg,https://images.example.invalid/clara.jpg
Zelfde model.
Verschillende beelden.
Verschillende beelden.
Kies een set afbeeldingen en simuleer dan de oproep.
Antwoord: uw mockup
VOORBEELD · SET A
De achtergrond blijft ongewijzigd. De beelden worden geplaatst en getransformeerd in de modelzones, met het perspectief en het masker zoals bepaald.
Een URL bruikbaar als beeldbron.
In een webpagina, een productfiche of een
<img>-e-mailtag. Zonder toegevoegde afbeeldings-URL retourneert de model-URL het originele document.Lokale simulatie · fictieve identificaties en afbeeldings-URL's · er wordt geen aanvraag naar de engine verstuurd.
Use case · gepersonaliseerde e-mails
Dezelfde werking,
in uw e-mails.
Uw marketingtool genereert een render-URL voor elke ontvanger en gebruikt deze als beeldbron in de e-mail. Het bericht toont een samengestelde drager met eigen visuals.
Een nieuw pand wordt gepubliceerd.
Uw applicatie haalt de pandfoto, het portret van de makelaar en het bijbehorende model op.
Uw bedrijfsapplicatie
De mockup wordt gegenereerd.
De URL koppelt het campagne-model met de foto van het pand en het portret. De engine levert de samengestelde afbeelding terug.
mockupgenerator
Uw tool verstuurt de e-mail.
De klant ontdekt een reeds gepersonaliseerde drager, met een link om te bestellen in uw zaak.
Uw e-mailtool → uw marketplace
mockupgenerator maakt de beelden. Teksten, ontvangers en verzending blijven door uw marketingtool beheerd.
Dezelfde drager, vóór en na samenstelling.
Voorbeeld van een gepersonaliseerde e-mail
Onderwerp
Uw nieuwe pand verdient het om gezien te worden.
u.
Uw makelaarszaak
Aan: Camille Dubois
Hallo Camille,
Uw nieuwe advertentie staat online. Hier is uw gepersonaliseerde kaart, klaar om te presenteren in onze zaak.
Het resultaat, zoals het in de e-mail verschijnt.
Een voorbeeld samengesteld met de foto van uw advertentie.
Voorbeeldter illustratie: er wordt geen e-mail verzonden.
Voorbeeldter illustratie: er wordt geen e-mail verzonden.
Al in gebruik in immosquare-campagnes voor vastgoed.
Democontent · fictieve merk- en contactgegevens
Het perspectief
Uw visuals volgen
de lijnen van de drager.
Een platte afbeelding wordt een kant van een box of een pagina van een brochure. De vier punten van elke zone bepalen het perspectief. De achtergrond blijft die van uw model.
Een drager, meerdere onafhankelijke zones.
De stippellijnen verbinden elke visual met zijn bestemming.
Print
Twee pagina's. Twee perspectieven.
U levert het beeld aan voor elke pagina. De engine verwerkt deze in de juiste zone, zonder de scène aan te passen.
Personalisatie
Een foto van het pand. Een portret.
Elke afbeelding komt terecht in haar zone in de brochure, met het perspectief van het drager.
Principe-illustraties · gegenereerde demobeelden, zonder gebruik van de engine.
Ontworpen als een bouwsteen voor applicaties
De grafische compositie,
aangestuurd door uw tools.
Het backoffice beheert de modellen. Uw code kiest de beelden en start de render. Elke applicatie kan het resultaat inzetten in zijn eigen workflow.
Overleg met ons team
Zones die de drager volgen.
De engine berekent een perspectieftransformatie vanuit de vier punten van elke zone. Cirkelvormige maskers maken het bijvoorbeeld mogelijk een portret te integreren.
Uw modellen, beheersbaar.
Beheer de scènes en hun plekken via het backoffice. Bekijk uw ontwerpen en gegenereerde renders.
Een eerder gemaakte render wordt hergebruikt.
Bij eenzelfde combinatie van model en beelden herkent de engine een bestaand resultaat.
De personalisatie blijft bij u.
Uw tools stellen teksten en ontwerpen samen. mockupgenerator ontvangt de beelden en regelt de opmaak ervan.
Een immosquare-technologie
Ontwikkeld voor onze producten.
Verbonden met praktijktoepassingen.
mockupgenerator is ontstaan uit de behoeften van onze vastgoedapps: gepersonaliseerde dragers presenteren, deze koppelen aan een zaak en ze laten voorkomen in marketingcampagnes.
Ontdek immosquare
Van bedrijfsdata
naar zichtbaar product.
naar zichtbaar product.
Hetzelfde team ontwikkelt zowel de render-engine als de applicaties die ervan gebruikmaken.