Projeto Imobiliário

Projeto Imobiliário

Vitrine Virtual

Vitrine Virtual

Como ajudei a criar uma Landing page com focoem captação de leads para imóveis atrelados ao site portal da empresa.

ATIVIDADES

ALINHAMENTO DO STAKEHOLDERS

PESQUISA

EXPLORANDO O PROBLEMA

PERFIL

JTBD

ARQUIETURA DA INFORMAÇÃO

WIREFRAME

TESTE DE USABILIDADE

PROTOTIPO

HANDOFF

TEMPO

14 dias para entrega do material ao handoff.

PROBLEMATICA INICAL

O cliente precisava de uma solução digital moderna e eficiente que servisse tanto como ferramenta de vendas para os corretores quanto como ponto de captação de leads qualificados. O material anterior não refletia a inovação e sustentabilidade do empreendimento, dificultava a apresentação em tablets e não convertia bem os visitantes em potenciais clientes.

CLIENTE

Desafio e Pré-requisitos do Cliente.

Desafio e Pré-requisitos do Cliente.

A cliente necessitou transformar a forma como seus empreendimentos eram apresentados digitalmente, especialmente no contexto de lançamentos imobiliários de alto padrão. O material anterior não atendia às demandas práticas da equipe de vendas e também não aproveitava todo o potencial visual e estratégico do projeto Garden Praia — um empreendimento premiado por sua inovação e sustentabilidade. Por isso, recebemos um conjunto de pré-requisitos claros para guiar o desenvolvimento da nova visão web.

Pré-requisitos definidos pelo cliente:

Melhorar a apresentação digital dos empreendimentos, com uma estética condizente ao padrão da marca e à qualidade do produto.

Criar uma estrutura pensada para navegação em tablets, facilitando o uso por corretores durante feiras, visitas e atendimentos presenciais.

Desenvolver uma experiência com foco visual e pouco texto, permitindo que os diferenciais fossem percebidos rapidamente, sem exigir muita leitura.

Garantir conversão eficiente com CTAs estratégicos (formulário de contato e botão para WhatsApp), estimulando o início de conversas comerciais.

Produzir um material que auxiliasse os corretores no momento da apresentação, funcionando também como um argumento visual para reforçar os atributos do empreendimento.

Incorporar e destacar os diferenciais sustentáveis do projeto de forma leve, compreensível e atrativa, mesmo para usuários que acessam rapidamente.

ENTREVISTA

Pesquisa Qualitativa com Usuários e Stakeholders.

Pesquisa Qualitativa com Usuários e Stakeholders.

As entrevistas foram realizadas de forma remota e não levando mais que 5 minutos de contato direto, priorizando a praticidade e a disponibilidade dos participantes. A maioria dos contatos foi feita por telefone ou via WhatsApp, garantindo agilidade e espontaneidade nas respostas, especialmente com corretores e clientes que tinham pouco tempo disponível. Algumas entrevistas complementares também ocorreram por áudio ou texto, dependendo da preferência do entrevistado.

Quem participou:

Stakeholders internos (Diretor de Marketing e Diretor de Vendas).

Corretores de construtoras parceiras e concorrentes.

Clientes reais e potenciais compradores locais, de outras cidades e do exterior.

Usuários finais (interessados em segunda residência, investidores, famílias locais) de marketing, diretores de vendas, equipe de atendimento.

Objetivos das entrevistas:

Entender as dores e expectativas dos corretores ao apresentar o empreendimento.

Captar a visão estratégica da marca e seus diferenciais competitivos.

Compreender as motivações reais de compra dos clientes, além do preço e da localização.

Identificar pontos de frustração na jornada de busca e compra de imóveis de alto padrão.

Resultado

Essas conversas foram fundamentais para garantir que o projeto comunicasse com clareza os diferenciais do empreendimento, ajudasse o corretor na hora da apresentação e incentivasse a ação rápida do visitante por meio de CTAs objetivos.

EXPLORAR

Explorando o Problema: Visão Ampla e Impactos Potenciais.

Explorando o Problema: Visão Ampla e Impactos Potenciais.

Mais do que apenas um site bonito, a ausência de uma landing page eficiente compromete diretamente os resultados comerciais de um empreendimento imobiliário de alto padrão. No caso do cliete, a falta de uma solução digital moderna, orientada para conversão e uso em campo, representava um risco significativo em diferentes frentes.

Impacto direto na geração de receita

Sem uma landing page funcional, há perda de leads qualificados, o que atrasa ou reduz o volume de vendas nas fases iniciais do lançamento.

A conversão fraca resulta em aumento do custo por lead, exigindo mais investimento em mídia para atingir o mesmo resultado.

Dificuldade no processo de venda presencial

Corretores dependem de materiais físicos ou páginas mal adaptadas ao tablet, o que enfraquece a narrativa de venda e gera insegurança ou desinteresse por parte do cliente.

Falta de uma ferramenta clara para apoiar o corretor pode resultar em atendimentos desorganizados e perda de oportunidades durante eventos, visitas ao stand ou apresentações privadas.

Desalinhamento entre marketing e comercial

Sem uma página centralizada e bem pensada, os times acabam usando materiais desconectados: PDFs, apresentações improvisadas, links diferentes, etc.

Isso prejudica o posicionamento da marca e compromete a coerência na apresentação dos diferenciais do empreendimento.

Perda de valor percebido e impacto na marca.

Quando um produto de alto padrão é mal apresentado, a percepção de valor do cliente final cai drasticamente.

O site ou landing page é muitas vezes o primeiro contato com a marca, e se esse contato não transmite sofisticação, inovação e confiança, todo o investimento anterior (em projeto, design, sustentabilidade etc.) perde força na comunicação.

Custo de oportunidade.

O tempo perdido sem captar leads de forma eficaz é um tempo em que os concorrentes avançam.

A cada lançamento sem estrutura digital adequada, a construtora deixa de potencializar o retorno do investimento publicitário e de vendas.

PERFIS E JTBD

Três perfis de compradores e seus objetivos reais.

Três perfis de compradores e seus objetivos reais.

A partir das entrevistas realizadas emergiram três perfis distintos de compradores, com comportamentos e motivações específicas. Mais do que mapear perfis demográficos, buscamos entender quais objetivos concretos esses clientes querem realizar ao adquirir um imóvel, ou seja, seus Jobs to Be Done (JTBD). Esses perfis ajudaram a guiar a estrutura, os conteúdos e os gatilhos de ação do projeto.

Impacto no site da Idibra:
Apresentação direta dos diferenciais técnicos, localização, plantas e inovação construtiva, com foco no racional da compra;

Apresentação leve e atrativa da planta, diferenciais familiares (espaço kids, segurança, áreas verdes), e reforço do valor emocional da compra.

Impacto na Lading page da Garden Praia:

Imagens amplas e de alto impacto visual;

Frases que conectam com o desejo de bem-estar e estilo de vida;
Blocos com perguntas provocativas que geram conexão emocional;
Blocos objetivos com metragem, plantas e tecnologia construtiva;

Destaque para áreas de lazer, rooftop, espaço kids, spa;

Tom direto e visual limpo, acolhedor e visual aspiracional;

Botão de WhatsApp sempre visível e formulário simplificado.

ARQUITETURA DA INFORMAÇÃO

Organização Estratégica de Conteúdo com Base no JTBD.

Organização Estratégica de Conteúdo com Base no JTBD.

Mais do que mapear perfis demográficos, buscamos entender quais objetivos concretos esses clientes querem realizar ao adquirir um imóvel, ou seja, seus Jobs to Be Done (JTBD). Esses perfis ajudaram a guiar a estrutura, os conteúdos e os gatilhos de ação em cada página desenvolvida.

Com a decisão estratégica de lançar em breve o empreendimento Garden Praia, foi definida a necessidade de iniciar imediatamente uma sprint de criação voltada para duas frentes:


O site institucional da Idibra, representado em amarelo, com o papel de vitrine virtual da marca e seus empreendimentos;


A landing page do Garden Praia, com foco total na apresentação visual e na conversão de leads.


Ambas as páginas foram pensadas de forma integrada, com ligações claras entre elas e conteúdos otimizados para seus objetivos específicos. A estrutura leva em conta o caminho natural de navegação e, principalmente, os resultados esperados pelos usuários segundo os JTBD mapeados.

Site Map:

Resultado:
O site institucional apresenta de forma direta os empreendimentos, seus diferenciais técnicos e soluções construtivas, equilibrando conteúdo racional com apelo emocional. Já a landing page do Garden Praia é construída com uma abordagem visual mais imersiva, reforçando o estilo de vida desejado pelo comprador e facilitando o contato com os corretores por meio de CTAs bem posicionados.

WIREFRAME

Wireframes como base estratégica para experiências distintas.

Wireframes como base estratégica para experiências distintas.

Como parte da sprint de criação das páginas da Idibra e do Garden Praia, desenvolvi dois wireframes completos com abordagem estratégica distinta, mas interligada. Ambos foram pensados para garantir clareza, escaneabilidade e foco no objetivo central de cada página: no caso da Idibra, informar e apresentar o portfólio da marca; no caso da Garden, despertar desejo e gerar conversão imediata.

Wireframe - Vitrine Virtual Idibra

Wireframe - Vitrine Virtual Idibra

Wireframe - Vitrine Virtual Idibra

No wireframe do site institucional da Idibra, o destaque está no hero de entrada, que posiciona a marca de forma aspiracional, com frases que conectam inovação e sustentabilidade. Logo abaixo, damos foco ao portfólio de empreendimentos, pensado para oferecer uma navegação rápida e interativa. Cada empreendimento é apresentado em blocos visuais com dados técnicos objetivos (metragem, número de suítes, vagas, área de lazer), facilitando a comparação e estimulando o clique.

Essa organização garante que quem está em busca de um imóvel encontre informações fundamentais com poucos toques, sem se perder em conteúdos genéricos. A interação foi pensada para ser fluida, com caminhos claros para conhecer cada projeto, acessar imagens, formas de pagamento e entrar em contato com a equipe de vendas.

No wireframe do site institucional da Idibra, o destaque está no hero de entrada, que posiciona a marca de forma aspiracional, com frases que conectam inovação e sustentabilidade. Logo abaixo, damos foco ao portfólio de empreendimentos, pensado para oferecer uma navegação rápida e interativa. Cada empreendimento é apresentado em blocos visuais com dados técnicos objetivos (metragem, número de suítes, vagas, área de lazer), facilitando a comparação e estimulando o clique.

Essa organização garante que quem está em busca de um imóvel encontre informações fundamentais com poucos toques, sem se perder em conteúdos genéricos. A interação foi pensada para ser fluida, com caminhos claros para conhecer cada projeto, acessar imagens, formas de pagamento e entrar em contato com a equipe de vendas.

No wireframe do site institucional da Idibra, o destaque está no hero de entrada, que posiciona a marca de forma aspiracional, com frases que conectam inovação e sustentabilidade. Logo abaixo, damos foco ao portfólio de empreendimentos, pensado para oferecer uma navegação rápida e interativa. Cada empreendimento é apresentado em blocos visuais com dados técnicos objetivos (metragem, número de suítes, vagas, área de lazer), facilitando a comparação e estimulando o clique.

Essa organização garante que quem está em busca de um imóvel encontre informações fundamentais com poucos toques, sem se perder em conteúdos genéricos. A interação foi pensada para ser fluida, com caminhos claros para conhecer cada projeto, acessar imagens, formas de pagamento e entrar em contato com a equipe de vendas.

Wireframe - Landing Page Garden Praia

Wireframe - Landing Page Garden Praia

Wireframe - Landing Page Garden Praia

Já no wireframe da landing page do Garden Praia, o foco está na apresentação emocional e estratégica do empreendimento. Logo após o hero inicial com CTA, o visitante encontra duas seções cruciais: o conceito do empreendimento que reforça a visão de um lar sustentável, moderno e completo, a apresentação do apartamento mais acessível da linha, posicionado de forma positiva como uma oportunidade inteligente e ecologicamente avançada.

Essa combinação traz não só o valor da marca, mas também um forte apelo comercial, já que toda a publicidade do lançamento será direcionada a esse modelo de entrada. A apresentação é acompanhada de imagens amplas e frases que comunicam bem-estar, praticidade e estilo de vida, criando uma atmosfera envolvente para quem navega e despertando o desejo antes mesmo da leitura completa da página.

Já no wireframe da landing page do Garden Praia, o foco está na apresentação emocional e estratégica do empreendimento. Logo após o hero inicial com CTA, o visitante encontra duas seções cruciais: o conceito do empreendimento que reforça a visão de um lar sustentável, moderno e completo, a apresentação do apartamento mais acessível da linha, posicionado de forma positiva como uma oportunidade inteligente e ecologicamente avançada.

Essa combinação traz não só o valor da marca, mas também um forte apelo comercial, já que toda a publicidade do lançamento será direcionada a esse modelo de entrada. A apresentação é acompanhada de imagens amplas e frases que comunicam bem-estar, praticidade e estilo de vida, criando uma atmosfera envolvente para quem navega e despertando o desejo antes mesmo da leitura completa da página.

Já no wireframe da landing page do Garden Praia, o foco está na apresentação emocional e estratégica do empreendimento. Logo após o hero inicial com CTA, o visitante encontra duas seções cruciais: o conceito do empreendimento que reforça a visão de um lar sustentável, moderno e completo, a apresentação do apartamento mais acessível da linha, posicionado de forma positiva como uma oportunidade inteligente e ecologicamente avançada.

Essa combinação traz não só o valor da marca, mas também um forte apelo comercial, já que toda a publicidade do lançamento será direcionada a esse modelo de entrada. A apresentação é acompanhada de imagens amplas e frases que comunicam bem-estar, praticidade e estilo de vida, criando uma atmosfera envolvente para quem navega e despertando o desejo antes mesmo da leitura completa da página.

Resultado:
Os wireframes foram desenhados para refletir a estrutura final dos layouts visuais, respeitando a hierarquia de conteúdos definidos a partir das entrevistas, dos perfis de compradores e dos seus respectivos Jobs to Be Done (JTBD). Cada seção foi posicionada considerando o comportamento de navegação do público-alvo e o contexto de uso, especialmente em dispositivos móveis e tablets.

GUIA DE ESTILOS E COMPONENTES

Sistema visual enxuto para garantir consistência e flexibilidade.

Sistema visual enxuto para garantir consistência e flexibilidade.

Para este projeto, composto por duas páginas estratégicas — o site institucional da Idibra e a landing page do Garden Praia — optamos por uma abordagem leve e funcional no que diz respeito ao sistema visual. Por se tratar de um projeto de médio porte, com foco principal na estética e performance visual de cada landing page, não houve necessidade de estruturar um design system completo, mas sim um guia de estilos enxuto, suficiente para garantir consistência e escalabilidade.

Impacto no projeto:
A prioridade estava na criação de experiências visuais que representassem bem a identidade de cada empreendimento, com destaque para o uso intencional da cor verde como representação direta do compromisso com a sustentabilidade, um dos pilares da comunicação da Idibra e também um diferencial fundamental do Garden Praia.

Adaptação para os dois contextos:
Enquanto o site da Idibra se apoia em um visual mais institucional e robusto, a landing page do Garden Praia aproveita os mesmos princípios de estilo, mas com uma aplicação mais emocional e visualmente impactante, reforçando os elementos de desejo, sustentabilidade e estilo de vida.

Esse guia de estilos se mostrou suficiente para garantir consistência entre as páginas, mesmo com objetivos distintos, e permitiu que cada uma mantivesse sua personalidade visual sem abrir mão da unidade da marca.

PROTÓTIPO

Soluções visuais testáveis para uso comercial e institucional.

Soluções visuais testáveis para uso comercial e institucional.

Os protótipos finais foram desenvolvidos com base nos wireframes validados, integrando o guia de estilos e as necessidades práticas de cada página. Com foco em performance visual, legibilidade e uso real por parte dos corretores e visitantes, ambos os protótipos foram pensados para funcionar bem em dispositivos móveis e, principalmente, em tablets — o principal ponto de contato no momento da apresentação comercial.

Protótipo - Vitrine Virtual Idibra

Protótipo - Vitrine Virtual Idibra

O protótipo do site institucional da Idibra reflete uma vitrine digital da marca, com foco na navegação fluida e no fácil acesso ao portfólio de empreendimentos. A proposta visual reforça os pilares da empresa, inovação, sustentabilidade e confiança, através de uma linguagem visual limpa, institucional e clara.


O hero de entrada estabelece o tom da experiência, seguido por uma área dedicada aos empreendimentos, apresentada em cartões modulares com dados técnicos e acesso direto a cada projeto. Os demais blocos orientam o usuário por temas como métodos de pagamento, promoções e contato, tornando o site um hub funcional para quem deseja conhecer, comparar e dar o próximo passo na jornada de compra.

O protótipo do site institucional da Idibra reflete uma vitrine digital da marca, com foco na navegação fluida e no fácil acesso ao portfólio de empreendimentos. A proposta visual reforça os pilares da empresa, inovação, sustentabilidade e confiança, através de uma linguagem visual limpa, institucional e clara.


O hero de entrada estabelece o tom da experiência, seguido por uma área dedicada aos empreendimentos, apresentada em cartões modulares com dados técnicos e acesso direto a cada projeto. Os demais blocos orientam o usuário por temas como métodos de pagamento, promoções e contato, tornando o site um hub funcional para quem deseja conhecer, comparar e dar o próximo passo na jornada de compra.

Protótipo - Landing Page Garden Praia

Protótipo - Landing Page Garden Praia

Na landing page do Garden Praia, o protótipo foi pensado para destacar o empreendimento mais estratégico da construtora, com foco total em conversão e impacto visual. O conteúdo foi distribuído em blocos verticais que conduzem o usuário de forma leve e contínua, desde o primeiro contato até o envio de um formulário ou início de conversa por WhatsApp.


Logo após o hero, o protótipo apresenta o conceito do empreendimento e, em seguida, o apartamento de entrada, unidade com maior apelo de venda, destacada de forma positiva como uma escolha inteligente, acessível e sustentável. O restante da navegação aprofunda as informações com imagens amplas, diferenciais ecológicos, localização e áreas de lazer, sempre reforçando o estilo de vida aspiracional que o projeto propõe.

Na landing page do Garden Praia, o protótipo foi pensado para destacar o empreendimento mais estratégico da construtora, com foco total em conversão e impacto visual. O conteúdo foi distribuído em blocos verticais que conduzem o usuário de forma leve e contínua, desde o primeiro contato até o envio de um formulário ou início de conversa por WhatsApp.


Logo após o hero, o protótipo apresenta o conceito do empreendimento e, em seguida, o apartamento de entrada, unidade com maior apelo de venda, destacada de forma positiva como uma escolha inteligente, acessível e sustentável. O restante da navegação aprofunda as informações com imagens amplas, diferenciais ecológicos, localização e áreas de lazer, sempre reforçando o estilo de vida aspiracional que o projeto propõe.

APRENDIZADO

O que ficou, o que vem e como melhorar.

O que ficou, o que vem e como melhorar.

Ao longo deste projeto, pude aplicar e reforçar uma abordagem centrada no usuário aliada a decisões estratégicas de comunicação visual. Trabalhar simultaneamente na criação do site institucional da Idibra e na landing page do Garden Praia me permitiu compreender, na prática, a importância de adaptar a linguagem, a arquitetura e os componentes ao propósito de cada página — mesmo quando elas fazem parte do mesmo ecossistema de marca.

O que aprendi:

A diferença entre apresentar e converter: enquanto o site institucional precisa organizar, informar e representar a marca, a landing page exige foco total em impacto e ação.

A importância de conectar JTBDs com estrutura visual, mantendo o conteúdo direto, emocional e útil — sem exagerar na complexidade textual.

Que um bom protótipo vai além da estética: ele deve respeitar contexto de uso, dispositivos, e o momento de decisão do usuário.

O que vale ser ressaltado:

A adaptação tablet-first pensada para os corretores foi essencial para a eficácia da landing page.

A escolha por um guia de estilos enxuto, em vez de um design system completo, foi eficiente para o escopo deste projeto — equilibrando agilidade e consistência visual.

A segmentação clara entre os perfis de compradores, com seus respectivos JTBDs, guiou tanto a estrutura quanto a linguagem das seções.

Pontos de melhoria:

A longo prazo, o ideal seria evoluir o guia de estilos para um design system modular, especialmente se novas landing pages forem criadas para outros empreendimentos.

Com a coleta de dados pós-lançamento, será possível aplicar técnicas de Product Discovery contínuo, como entrevistas de acompanhamento e análise de métricas (ex.: cliques nos CTAs, tempo de navegação, heatmaps).

A introdução de testes A/B para CTAs e formulários poderá otimizar ainda mais as taxas de conversão da landing.

Próximo passo imediato:

O próximo passo é o desenvolvimento de todas as páginas do projeto, com base nos protótipos validados. Isso inclui a codificação responsiva das páginas da Idibra e do Garden Praia, mantendo a performance, a acessibilidade e a experiência do usuário como prioridades.

CONTATO

E-mail ou WhatsApp? Por onde preferir.

E-mail ou WhatsApp? Por onde preferir.

Aberto a novas oportunidades, colaborações ou uma boa conversa sobre design.

Aberto a novas oportunidades, colaborações ou uma boa conversa sobre design.

Mande um Email.

Quer conversar pelo WhatsApp? Clique ou conecte pelo QR Code.

Mande um Email.

Quer conversar pelo WhatsApp? Clique ou conecte pelo QR Code.

Logo

Design como ponte entre o que as pessoas precisam e o que o produto entrega.

Design como ponte entre o que as pessoas precisam e o que o produto entrega.

Onde me encontrar?

Onde me encontrar?

oi@puhx.online

oi@puhx.online

Portugal Continental

Portugal Continental

+351 999 999 999

+351 999 999 999

Copyright 2025 PHUX. Todos os direitos reservados