Imobiliária Imovitale

Redesign e Modernização do site B2C

Imersão

Imersão

  • Tinha o objetivo de ser uma “vitrine” de seus produtos (imóveis). Captação de potenciais clientes através de uma melhor visualização do imóvel e demais informações sobre o mesmo. 

  • Transmitir confiança e credibilidade à marca.

  • Esperava-se que as pessoas entrem no site, visualizem o produto e interajam melhor do que nos canais de anúncio.

Definição

Definição

  • Através de uma análise dos concorrentes (benchmarking), foi coletado informações importantes sobre como os imóveis devem ser melhor vistos. 


  • Percebeu-se também a falta de clareza em algumas informações e poucas fotos dos imóveis no site atual da imobiliária. 

  • O site atual não fornecia nenhum tipo de ferramenta para que o cliente entre em contato com a imobiliária. 

  • Além do mais, foi identificado através da entrevista com stakeholder que a Imobiliária possui serviços adicionais que podem ser uma força para ela e que não estão bem descritos no site atual.

Principais dores:

Principais dores:

  • Necessidade de um designer onde seja possível transmitir os valores da empresa.

  • Falta de um toque de modernidade para apresentação aos clientes. 

  • Design do Site.

  • Falta de informações importantes.

  • Necessidade de um tato mais moderno ao site.

O que foi feito:

O que foi feito:

  • Entrevistas com Stakeholders

  • Entrevistas com Stakeholders

  • Benchmarking

Insights:

  • Uma sessão de "Testemunhos" se mostrou ser um diferencial com relação aos concorrentes.

  • Imóveis em formato de Card são uma boa prática.

  • Filtros em formato de Dropdown e Slider se mostraram bem uteis na maiorias das paginas concorrentes.

  • Informações como Código do Imóvel são achados em poucos sites.

  • Simulador de Financiamento pode não ser uma boa pratica para o caso da Imovitale que tem o maior foco em alugueis.

  • Um sessão "FAQ" seria um diferencial frente aos concorrentes.

Insights:

  • Uma sessão de "Testemunhos" se mostrou ser um diferencial com relação aos concorrentes.

  • Imóveis em formato de Card são uma boa prática.

  • Filtros em formato de Dropdown e Slider se mostraram bem uteis na maiorias das paginas concorrentes.

  • Informações como Código do Imóvel são achados em poucos sites.

  • Simulador de Financiamento pode não ser uma boa pratica para o caso da Imovitale que tem o maior foco em alugueis.

  • Um sessão "FAQ" seria um diferencial frente aos concorrentes.

  • Proto-Personas

Ideação

Ideação

  • Idealização de uma solução para o produto 

  • Inserção de mais dados sobre os imóveis e trazer mais informações sobre como a imobiliária trabalha. 

  • Busca de novas tecnologias para o site, pesquisa de referências e análise dos concorrentes para trazer clareza sobre o que implementar dentro do contexto do negócio.
     

  • Imobiliárias de Salvador e São Paulo foram usadas como referência para a pesquisa. 

  • Definição do MVP (Minimum Viable Product).

Prototipação

Prototipação

  • Wireframes para apresentação ao stakeholder

  • Entrevista com o mesmo para alinhamento de expectativas e apresentação do protótipo de média fidelidade. 

  • Protótipos de alta fidelidade. 

  • Criação de um Style Guide baseado na identidade visual da Imobiliária. 

  • Design Critique com outros designers para coleta de feedback. 

  • Testes de Usabilidade com pessoas não envolvidas no negócio.

Participantes:

Participantes:

  • Rilary Leppos | UI&UX Designer

  • Maria Letícia | Mentora de UX

O que foi feito:

O que foi feito:

  • Sitemap

Sitemap

  • UserFlow

UserFlow

  • Matriz CSD

Matriz CSD

  • Tabela SWOT

Tabela SWOT

  • Wireframes e Alta Fidelidade

Wireframes e Alta Fidelidade

Antes x Wireframe x Alta Fidelidade

Insights:

  • Reformulação do hero header e disponibilização de um filtro de busca simplificado.

  • O botão de WhatsApp fica evidente, já que o contato inicial com o cliente é feito pela plataforma.

  • Os cards contem informações importantes sobre o produto em formato de ícones e escrita, além dee fotos disponibilizadas através de um carrossel.

  • Os serviços exclusivos receberam destaque, já que se tratava de uma força.

  • Uma sessão de testemunhos foi adicionada ao design com o objetivo de gerar credibilidade.

Insights:

  • É possivel fazer uma busca mais detalhada através de filtros de pesquisa automáticos.

  • Próximo ao filtro de “Ordenar por:” foi colocado um link para o formulário de anúncios de imóveis.

  • A organização em cards permite uma melhor visualização de várias opções ao usuário.

  • O botão de WhatsApp fica mais uma vez em evidência.

  • Os cards são clicáveis, além de ser possível acessar mais detalhes sobre o produto através do botão “Mais detalhes”.

Insights:

  • Nas fotos, foi pensado em um carrossel onde ao clicar na setinha, as demais fotos ficam em evidência.

  • Diferentemente do que pensado no Wireframe, aqui quisemos diminuir os cliques por parte do usuário ao querer acessar as fotos, vídeos e mapa do imóvel.

  • Ao clicar em “+5 fotos”, abre-se uma galeria com todas as opções de fotos e vídeos.

  • As informações ficaram melhores distribuídas dentro da página.

  • Um botão de “Agendar Visita” foi pensado com a intenção de captação de leads por parte do negócio com a ajuda da API do Whatsapp.

  • Uma integração com a API do Google Maps foi colocada para melhorar a usabilidade de localização do imóvel junto ao usuário.

Insights:

  • Nesta página, contamos a história da empresa com fotos do ambiente de trabalho e breve descrição.

  • Informações de impacto foram utilizadas para trazer legibilidade para o negócio.

  • Aqui a missão, visão e valores são bem representados de forma moderna e simplificada.

Insights:

  • Informações importantes foram colocadas em evidência.

  • O formulário foi simplificado para atender tanto aqueles que querer vender, comprar ou anunciar seus imóveis com a Imobiliária.

  • Acrescentamos campos como “Preferencia de contato” e “Período de preferencia de contato” para trazer conforto ao usuário/cliente.

Resultados

Resultados

Em Breve

Ferramenta utilizadas

Ferramenta utilizadas

Ferramenta utilizadas

Site

Site

Create a free website with Framer, the website builder loved by startups, designers and agencies.