Voltar para Home
Giovanni Leme Imóveis
Landing Pages

Giovanni Leme Imóveis

Transformando uma landing page imobiliária em uma jornada de conversão.

Product DesignUX/UILanding PageConversion
Visitar projeto ao vivo

01 — Visão geral

O projeto foi desenvolvido para o Giovanni Leme, corretor e investidor especializado em imóveis do programa Minha Casa Minha Vida.

Mais do que apresentar imóveis, a página precisava comunicar confiança e conduzir o usuário pelos primeiros passos da compra: entender seu perfil, descobrir possibilidades de financiamento e entrar em contato.

A solução transformou a landing page em uma experiência que combina posicionamento profissional, educação, simulação financeira e geração de leads.

Meu papel: Product Designer

Foco: UX/UI · Conversion · Responsive Design

Plataforma: Web


02 — O Desafio

Comprar o primeiro imóvel envolve uma série de dúvidas antes mesmo da escolha da casa.

  • Quanto posso financiar?
  • Qual parcela cabe na minha renda?
  • Tenho direito ao programa?
  • Quanto preciso dar de entrada?
  • Em quem posso confiar para conduzir esse processo?

A página precisava responder essas dúvidas sem transformar a experiência em um formulário burocrático.

O desafio passou a ser:

Como transformar uma landing page imobiliária em uma experiência que gere confiança e ajude o usuário a avançar na decisão de compra?


03 — Estratégia

A pedido do próprio Giovanni, o intuito do sistema nunca foi ser um catálogo de imóveis. A etapa de curadoria e apresentação das propriedades faz parte da experiência presencial e consultiva com o corretor.

Portanto, a experiência digital foi organizada para captar e educar o usuário antes dessa reunião, acompanhando o seu momento de decisão:

  • Primeiro, gerar confiança.
  • Depois, explicar como o processo funciona.
  • Em seguida, permitir que o usuário entenda sua capacidade financeira.
  • Por fim, facilitar o contato e a pré-aprovação.

A jornada ficou estruturada como:

Conhecer → Entender → Simular → Validar → Conversar


04 — Arquitetura de informação e conteúdo

A página foi organizada em blocos progressivos, evitando apresentar a conversão logo no primeiro contato.

Hero

Apresentação da proposta de valor e principal chamada para ação.

Giovanni Leme Hero Section

Credibilidade

Experiência profissional, posicionamento e diferenciais do atendimento.

Giovanni Leme Credibilidade

Processo

Explicação das quatro etapas:

Diagnóstico → Aprovação → Busca → Fechamento

Giovanni Leme Processo

Prova social

Depoimentos de clientes para reduzir insegurança e reforçar credibilidade.

Giovanni Leme Prova Social Texto
Giovanni Leme Prova Social Vídeo

Simulação

A simulação financeira foi pensada como uma ferramenta de descoberta, e não apenas como um formulário.

Ferramenta para o usuário descobrir possibilidades de financiamento. Deixamos claro que temos vários tipos de simulação para as mais diversas situações, permitindo que o usuário comece a partir da informação que tem em mãos.

  • Quanto posso pagar por mês?
  • Quanto ganho?
  • Já tenho um imóvel em mente?
  • Quero controlar os parâmetros da simulação.
Giovanni Leme Simulador

Essa abordagem permite que diferentes perfis de usuário encontrem um ponto de entrada compatível com o que já sabem sobre sua situação financeira.

O resultado apresenta uma estimativa e deixa claro que os valores são aproximados, direcionando o usuário para uma conversa personalizada.

Pré-aprovação

Depois de explorar possibilidades, o usuário pode avançar para uma análise mais completa.

O formulário coleta informações necessárias para compreender sua situação financeira, como:

  • renda;
  • estado civil;
  • FGTS;
  • tempo de registro;
  • dependentes;
  • outros financiamentos;
  • restrições;
  • expectativa de parcela.

A experiência foi construída para transformar uma etapa potencialmente burocrática em um fluxo mais compreensível e contextualizado. Após o preenchimento, essas informações vão diretamente para o Giovanni, permitindo que ele comece a captar e qualificar esses leads imediatamente.

Giovanni Leme Pré-aprovação

Essa estrutura permite que o usuário avance de acordo com o nível de interesse e confiança que já possui.

05 — Conversão

A conversão não depende de um único botão.

Existem diferentes momentos para o usuário avançar:

Fazer uma simulação gratuita

Para quem ainda está explorando.

Simular financiamento

Para quem quer entender sua capacidade financeira.

Solicitar pré-aprovação

Para quem está mais próximo da decisão.

Falar pelo WhatsApp

Para quem prefere atendimento direto.

Essa distribuição permite que a página trabalhe com diferentes níveis de intenção, em vez de exigir que todos os usuários estejam prontos para comprar.


06 — Design visual

A interface combina uma linguagem imobiliária sofisticada com elementos de conversão mais diretos.

Vale destacar que os componentes visuais (identidade e design gráfico) já vieram por padrão do designer do corretor. O nosso trabalho consistiu em reaproveitar esses elementos, realinhando o design gráfico com a tecnologia do sistema e as melhores práticas de conversão.

A hierarquia visual foi construída para criar contraste entre momentos de inspiração, informação e ação, o que reforça o posicionamento profissional do corretor e evita a aparência genérica de um portal imobiliário.


07 — Experiência responsiva

Como a jornada acontece principalmente em dispositivos pessoais, a experiência foi pensada para diferentes tamanhos de tela.

Giovanni Leme Mobile Menu
Giovanni Leme Mobile Simulator
Giovanni Leme Mobile Pre-Approval

No mobile, conteúdos, formulários e ferramentas financeiras são reorganizados para preservar a leitura e manter as principais ações acessíveis.

A adaptação não trata o mobile apenas como uma versão reduzida da página, mas como um contexto próprio de navegação e conversão.


08 — Resultados

A primeira versão da landing page não contava com uma calculadora de financiamento. O principal caminho de conversão era o contato direto, exigindo que o usuário entrasse em contato antes de entender sua capacidade de compra.

Na V2, a calculadora foi incorporada como um novo ponto de entrada na jornada.

V1 → V2

V1

Landing page → WhatsApp → Contato

V2

Landing page → Calculadora → Resultado → Contato

Após a implementação:

+32%contatos gerados pela landing page.
28%leads originados diretamente pela calculadora.

A calculadora criou uma nova origem de leads e permitiu que usuários chegassem ao atendimento já com uma estimativa inicial de financiamento.

O resultado foi uma landing page que vai além da apresentação do serviço. A página funciona como uma jornada de aquisição, conectando:

Posicionamento → Confiança → Educação → Simulação → Qualificação → Contato

Em vez de pedir ao usuário que entre em contato antes de estar preparado, a experiência oferece ferramentas para que ele avance gradualmente até essa decisão.


09 — Reflexão

O principal aprendizado do projeto foi perceber que uma landing page de alta conversão não precisa pressionar o usuário para agir.

No contexto imobiliário, especialmente para quem está buscando o primeiro imóvel, confiança e clareza fazem parte da conversão.

Por isso, o projeto foi pensado para responder às dúvidas que normalmente aparecem antes do contato e transformar essas dúvidas em oportunidades de interação.

No final, a página deixa de ser apenas uma apresentação do corretor e passa a funcionar como uma primeira etapa da própria consultoria.