Um decorado de Minha Casa Minha Vida, pronto para virar simulação.
O Portobelo Residencial é um condomínio clube do Minha Casa Minha Vida na Vila Labrunetti, em Itapetininga (SP), a 5 minutos do centro: 4 torres de térreo mais 7 andares, 256 apartamentos de 2 dormitórios com suíte, elevador e Sacada Grill com vista de 180°, num terreno de 12.000 m² com mais de 20 espaços de lazer. A realização é da Imperial Plaza Empreendimentos e Incorporações, e a venda é da Chitolina Imobiliária, parceira da gm360 no Grand’Oro Vila Barth e no Haus Residence Club.
Quem compra pelo Minha Casa Minha Vida quer saber, antes de tudo, se a conta fecha. Por isso o tour do Portobelo não para no passeio pelo apartamento: dentro dele o visitante simula o financiamento e fala com um corretor. E cada corretor da Chitolina tem o seu próprio link do tour, com a foto dele na tela e os pedidos indo direto para o WhatsApp dele.
O que entregamos
- Tour virtual 360° do decorado. 7 cenas do apartamento: living, sala de estar, cozinha, suíte, banheiro da suíte, dormitório e banheiro social, com galeria de ambientes no rodapé.
- Interface desenhada para o celular. Do wireframe ao protótipo em alta fidelidade, na identidade do Portobelo, com o cabeçalho, a galeria e o botão de simulação pensados primeiro para a tela pequena.
- Sobre e Lazer dentro do tour. Ficha técnica, plantas das duas tipologias, localização e os mais de 20 espaços do condomínio clube, num painel que abre por cima do decorado.
- Simulação de financiamento. Formulário em etapas, uma pergunta por tela: dados, FGTS, entrada, dependentes e contato.
- Link do corretor. Um endereço por corretor, com a foto dele, um balão de atendimento e o formulário que abre a conversa no WhatsApp dele.
- Leads no CRM da imobiliária. Os pedidos do tour, com ou sem corretor, chegam ao CRM da Chitolina com a origem, o ambiente em que o cliente estava e as respostas da simulação.
- Landing do lançamento. A página do Portobelo, com o tour, o vídeo, as plantas, o lazer, a localização e um simulador próprio.
Do wireframe à interface.
Antes de desenhar a tela final, a interface passou por wireframes no tamanho de um celular, com quatro direções de layout sobre o tour: barra fixa com as abas no topo, galeria recolhível que se puxa por uma alça, tudo concentrado na base e o ambiente atual em destaque, com a miniatura do próximo. A escolhida juntou as melhores partes: abas no cabeçalho, o bloco “Você está em” com a galeria na base e a alça que abre todos os ambientes.
Depois veio o protótipo em alta fidelidade, já com o design system do Portobelo, montado a partir do e-book do empreendimento: o dourado do logo, o fundo areia com as facetas da marca e textos em frases curtas, como o material de vendas. A interface do tour foi gerada a partir desse protótipo, e um script reaplica tudo a cada nova publicação do tour.
A visita padrão.
É o tour que chega a quem vem do site e das campanhas. A abertura, em fundo claro, põe o logo do Portobelo ao lado do da Chitolina, apresenta o decorado em uma frase e ensina o gesto: arraste a tela para olhar ao redor. Dentro do tour, o cabeçalho traz a marca da imobiliária e três abas, Decorado, Sobre e Lazer. Na base, o bloco “Você está em” mostra o ambiente atual, a galeria leva aos outros e o botão Simular financiamento fica sempre à mão. No canto, o chip Corretores online abre um contato rápido.
Sobre e Lazer, sem sair do tour
As abas Sobre e Lazer abrem um painel por cima do decorado, e o tour continua parado no mesmo ambiente quando o painel fecha. O Sobre traz o texto do empreendimento, a localização e a ficha técnica: terreno, torres, pavimentos, total de apartamentos, vagas e elevador. Mostra também as plantas das duas tipologias, de 44,60 m² e 45,86 m², e as unidades Garden com quintal privativo. O Lazer lista os mais de 20 espaços por grupo: convivência, esporte e bem-estar, família, conveniência, mobilidade e pet, e segurança. No fim do painel, o mesmo botão de simulação.
A simulação de financiamento no tour.
No Minha Casa Minha Vida, o que define a parcela e o subsídio é a situação de cada família: tempo de FGTS, quanto tem para a entrada, se tem dependentes. Um pedido de contato só com nome e telefone obriga o corretor a começar do zero. Com a simulação dentro do tour, o pedido já chega com essas respostas, e o corretor sabe com quem está falando antes da primeira mensagem.
O formulário tem cinco etapas, uma pergunta por tela: nome e WhatsApp, mais de 3 anos de FGTS, saldo para entrada em faixas, dependentes e o melhor horário de contato, com o aceite. As perguntas de escolha avançam sozinhas no toque, o que faz o fluxo longo não parecer longo, e uma barra mostra em que etapa o visitante está. O pedido vai para o CRM da imobiliária com as respostas, o ambiente que estava aberto e a origem da visita. O corretor recebe os dados do cliente prontos para seguir para a simulação de financiamento, e o atendimento começa mais rápido.
O link de cada corretor.
O corretor da Chitolina divulga o tour com o nome dele no fim do endereço, como tourgm360.com.br/portobelo/#proenca ou tourgm360.com.br/portobelo/#eduardo. Nesse link, o tour muda: o chip de corretores e o botão de simulação saem de cena, e no canto aparece a foto do corretor com um brilho suave e a dica “Toque aqui!”. O toque abre um balão com o nome dele, a pergunta “Como posso te ajudar?” e duas ações: Fazer simulação e Quero saber mais. No computador, o balão se abre sozinho depois de alguns segundos de visita, se o visitante ainda não tiver mexido nele e nenhum formulário estiver aberto.
O formulário é o mesmo questionário da simulação, mas termina de outro jeito. Não pergunta o melhor horário, porque quem abre a conversa é o próprio visitante, ali na hora. Depois do envio, um botão abre o WhatsApp do corretor com uma mensagem pronta que já traz as respostas: FGTS, entrada e dependentes. O corretor chega na conversa sabendo o que simular.
Mesmo indo direto para o corretor, o pedido é registrado no CRM da imobiliária, com a identificação de quem divulgou o link e a ação escolhida no balão. O corretor atende na hora, e o lead não se perde: a gestão comercial continua vendo de onde veio cada contato. Se o envio falhar, o visitante segue para o WhatsApp mesmo assim, porque perder o contato é pior do que perder o registro.
O endereço do corretor é lido uma vez, na chegada, e fica guardado enquanto a aba estiver aberta. O tour usa o fim do endereço para os links diretos de cada cena, e sem isso a identidade do corretor poderia sumir no primeiro clique. Um endereço digitado errado cai no tour padrão.
Há ainda um terceiro modo, para quando o tour precisa aparecer sem nenhum formulário: com #cliente no fim do endereço, o decorado abre puro, sem foto de corretor nem botões de contato.
A landing do lançamento.
A página do Portobelo apresenta o lançamento em sequência: abertura com o tour e o vídeo, os números do condomínio, o tour e o vídeo lado a lado, as plantas das duas tipologias, o lazer numerado, a localização com o entorno, o simulador e as dúvidas frequentes. No computador, o pedido de informações fica na própria abertura; em todas as telas, o botão Falar no WhatsApp pede só nome e telefone e leva direto à conversa.
O tour abre por cima da landing, em tela cheia, sem tirar o visitante da página, com a opção de abrir em nova aba.
O simulador da landing pergunta, antes de tudo, sobre o que o visitante quer falar: simulação de financiamento, visita ao decorado, disponibilidade de plantas ou se está só pesquisando. Quem escolhe a simulação informa renda familiar, entrada, FGTS e dependentes, e um corretor da Chitolina calcula a simulação e manda pelo WhatsApp.
O que a medição mostra.
O tour registra cada passo da visita no Google Analytics. A Chitolina vê quantas pessoas entram no tour e quais ambientes elas olham, quem abre o Sobre e o Lazer e em que aba, quem começa a simulação e em que etapa desiste, e quantas chegam ao fim. No link do corretor, a medição separa as visitas e os pedidos de cada um, mostra se o balão foi aberto pelo visitante ou sozinho e quantos clicaram para abrir o WhatsApp. Dá para saber qual corretor traz visitas, e se a visita vira conversa.
O decorado, a simulação e o corretor no mesmo link.
O tour do Portobelo está no ar em tourgm360.com.br/portobelo, e a landing em ch.chitolina.com.br/portobelo. Para levar a simulação e o link do corretor a outro lançamento, veja como trabalhamos com decorados.
