O motor de mockups por URL
Gere mockups realistas.
A partir de suas imagens.
Importe uma imagem do seu suporte. Desenhe as áreas a personalizar. Envie seus visuais por URL: o motor os insere na cena, com a perspectiva e máscaras do modelo.
Os seus próprios modelos
Renderização por URL
Configuração do modelo · apenas uma vez
Um flyer. Uma foto. Um retrato.
Duas áreas no mesmo documento: a foto do imóvel e o retrato circular do corretor. Você prepara o modelo uma vez.
Editor de modelo
modelo
mK7p2
1
Importar o documento
leaflet-immobilier.png
Um flyer · dois espaços
Sua composição, seus textos e sua identidade visual.
Este documento serve de base para todos os visuais.
Este documento serve de base para todos os visuais.
Documento de exemplo carregado
2
Desenhar as áreas
Área
Círculo
As imagens vão para suas zonas
Ilustração
Zonas do modelo
01 · Imagem do imóvel
Quatro pontos
Transformação em perspectiva
Transformação em perspectiva
image_1 → zona_1
02 · Retrato
Máscara circular
Posição e dimensões
Posição e dimensões
image_2 → zona_2
Um modelo = um documento de base + uma ou mais áreas. Cada área recebe uma imagem.
Chamar este modelo por URL
Esquema interativo do editor · modelo de exemplo, nenhuma configuração salva.
03 — Chamar o modelo a partir do seu aplicativo
A URL do modelo.
As URLs das suas imagens.
Seu aplicativo chama o modelo adicionando os endereços das imagens. A primeira URL alimenta a primeira área, a segunda URL a segunda área. A resposta HTTP é a imagem composta.
Imagens a enviar
URL imagem 1 → Zona 01
https://images.example.invalid/villa.jpg
URL imagem 2 → Zona 02
https://images.example.invalid/clara.jpg
GET
URL de geração
https://mockupgenerator.io/mockups/generator/mK7p2/https://images.example.invalid/villa.jpg,https://images.example.invalid/clara.jpg
Modelo idêntico.
Imagens variáveis.
Imagens variáveis.
Escolha um conjunto de imagens e depois simule a chamada.
Resposta: seu mockup
PRÉVIA · CONJUNTO A
O fundo permanece intacto. As imagens são posicionadas e transformadas nas áreas do modelo, com a perspectiva e a máscara definidas.
Uma URL utilizável como fonte de imagem.
Em uma página web, ficha de produto ou tag
<img> de email. Sem URL de imagem adicionada, a URL do modelo retorna o documento original.Simulação local · identificador e URLs de imagens fictícias · nenhuma requisição enviada ao motor.
Caso de uso · emails personalizados
A mesma mecânica,
nos seus emails.
Sua ferramenta de marketing constrói uma URL de visualização para cada destinatário e a usa como fonte da imagem no email. A mensagem exibe um suporte composto com os próprios visuais do destinatário.
Um novo imóvel é publicado.
Seu aplicativo recupera a foto do anúncio, o retrato do corretor e o modelo vinculado à sua marca.
Seu aplicativo profissional
O mockup é gerado.
A URL associa o modelo da campanha à foto do imóvel e ao retrato. O motor devolve a imagem composta.
mockupgenerator
Sua ferramenta envia o email.
O cliente descobre um suporte já personalizado, com um link para solicitá-lo em sua loja.
Sua ferramenta de emailing → sua marketplace
mockupgenerator produz as imagens. Os textos, destinatários e envio continuam gerenciados pela sua ferramenta de marketing.
O mesmo suporte, antes e depois da composição.
Prévia de um email personalizado
Assunto
Seu novo imóvel merece ser visto.
s.
Sua imobiliária
Para: Camille Dubois
Olá Camille,
Seu novo anúncio está online. Aqui está seu cartão personalizado, pronto para ser apresentado em nossa loja.
O resultado, como aparece no e-mail.
Uma prévia preparada com a foto do seu anúncio.
Exemplo ilustrativo: nenhum email será enviado.
Exemplo ilustrativo: nenhum email será enviado.
Um uso já presente em campanhas imobiliárias da immosquare.
Conteúdo demonstrativo · marca e contatos fictícios
A perspectiva
Seus visuais seguem
os planos do suporte.
Uma imagem plana se torna uma face de caixa ou uma página de brochura. Os quatro pontos de cada área determinam sua perspectiva. O cenário permanece do seu modelo.
Um suporte, várias áreas independentes.
Os pontilhados ligam cada visual ao seu destino.
Impressos
Duas páginas. Duas perspectivas.
Você fornece o visual de cada página. O motor o transforma na área correspondente, sem alterar a cena.
Personalização
Uma foto do imóvel. Um retrato.
Cada imagem vai para sua área na brochura, com a perspectiva do suporte.
Ilustrações de princípio · imagens demonstrativas geradas, sem uso do motor.
Projetado como um bloco aplicacional
A composição gráfica,
controlada pelas suas ferramentas.
O back-office gerencia os modelos. Seu código escolhe as imagens e ativa o visual. Cada aplicativo pode usar o resultado em sua própria jornada.
Fale com nossa equipe
Áreas que seguem o suporte.
O motor calcula uma transformação em perspectiva a partir dos quatro pontos de cada área. As máscaras circulares permitem especialmente inserir um retrato.
Seus modelos administráveis.
Gerencie as cenas e seus espaços pelo back-office. Visualize suas composições e consulte os visuais gerados.
Um visual já criado é reutilizado.
Para uma mesma combinação de modelo e imagens, o motor encontra o resultado existente.
A personalização permanece com você.
Suas ferramentas preparam os textos e criações. mockupgenerator recebe as imagens e garante sua composição.
Uma tecnologia immosquare
Desenvolvido para nossos produtos.
Conectado a usos concretos.
mockupgenerator nasceu das necessidades de nossos aplicativos imobiliários: apresentar suportes personalizados, conectá-los a uma loja e fazê-los aparecer em campanhas de marketing.
Descobrir immosquare
De dados do negócio
ao produto visível.
ao produto visível.
A mesma equipe desenha o motor de visualização e os aplicativos que o utilizam.