PROJETO

Desenvolvimento de um filtro de listagem imobiliária personalizado e módulo visual para um site baseado em WIX

Design e implementação de módulo de filtragem personalizado, Integração com WIX CMS e Gestor de Conteúdo, Desenvolvimento de front-end responsivo, Personalização de UI/UX, Suporte técnico e iterações de funcionalidades

  • Indústria: Imobiliário
  • Letónia Localização: Letónia
  • Prazo de entrega: 1 semana
  • Tecnologias: WIX, Gestor de Conteúdo WIX
  • Avaliação: 5/5
1 mês

Resumo

Problema

River Properties precisava de uma maneira dinâmica e com marca para apresentar apartamentos online.

Solução

A 2410 desenvolveu um sistema de filtragem responsivo e em tempo real integrado ao WIX.

Resultado

Os compradores agora podem navegar por apartamentos de forma interativa, melhorando a clareza e a conversão.

História do cliente

River Properties é um renomado desenvolvedor de Riga especializado na restauração de arquitetura pré-guerra e madeira. Para um novo complexo residencial, eles procuraram uma solução digital envolvente para apresentar apartamentos disponíveis.

Colaborando com seu designer HoneyHoney, a 2410 trouxe os visuais à vida através de codificação personalizada na plataforma WIX. O projeto uniu design gráfico e expertise técnica, garantindo que potenciais compradores pudessem explorar plantas de andares e detalhes de apartamentos de forma interativa e intuitiva.

Visão geral do projeto

A 2410 desenvolveu um filtro imobiliário modular e responsivo para a River Properties, implementado na plataforma WIX. O filtro permite aos usuários buscar apartamentos disponíveis por número de quartos, preço, área, andar e número do prédio, com atualizações em tempo real - sem necessidade de botão de envio.

Foi desenvolvido para corresponder ao UX do Bonava e incorporado em uma página de destino e três páginas de prédios individuais, cada uma com seu próprio conjunto de dados pré-filtrado.

A solução incluiu uma visualização interativa na página de destino onde os usuários podiam selecionar os andares diretamente da imagem do prédio. Cada andar estava vinculado aos planos dos apartamentos com unidades clicáveis mostrando informações detalhadas - área, número de quartos, preço e opções de contato.

Apesar das limitações do WIX, a 2410 criou uma infraestrutura personalizada, garantindo compatibilidade entre navegadores e permitindo atualizações de status (vendido/reservado) fácil através do CMS. O resultado: um UX imobiliário baseado em WIX que parece totalmente sob medida, tanto para os compradores quanto para os administradores.

River Properties expressou apreciação pela comunicação consistente, flexibilidade e rápida adaptação da 2410 ao design e feedback técnico. O módulo foi entregue dentro de prazos apertados, recebeu reações positivas internamente, e a colaboração incluiu resolução proativa de problemas, melhorias contínuas e satisfação geral com o resultado.

- River Properties

Principais características entregues

  • Atualizações instantâneas do filtro sem cliques extras
  • Filtros: Área, Preço, Número de Quartos, Andar, Número do Prédio
  • Filtros pré-selecionados em páginas de prédios individuais
  • Cartões visuais personalizados com informações da propriedade
  • Paginação com 'Mostrar Mais' após 12 entradas
  • Versão móvel com design adaptado
  • Listagens editáveis pelo administrador via Gestor de Conteúdo WIX
  • Elementos de design personalizados seguindo o livro de marca
  • Sobreposições de planta com informações de apartamento e status de disponibilidade

Tecnologia utilizada

WIX Gestor de Conteúdo WIX JavaScript HTML/CSS Velo by WIX

O resultado

O projeto foi lançado com sucesso na plataforma WIX

Está totalmente otimizado para desktop e móvel, apresentando desempenho suave e compatibilidade entre navegadores. O sistema responde instantaneamente às ações do usuário, aprimorando a experiência de navegação para potenciais compradores.

Dica: Todos os filtros e interatividades foram alcançados com código personalizado no WIX, permitindo funcionalidades avançadas sem plugins externos.

Os usuários agora podem interagir com uma representação visual do complexo residencial. Ao passar o mouse sobre um prédio, os andares são destacados, e clicar leva diretamente aos planos dos apartamentos para esse nível.

Visualização interativa da casa na página inicial

Visualização interativa da casa na página inicial

Visualização interativa do prédio na página inicial

Cada apartamento é mostrado em uma planta com códigos de cores intuitivos:

  • Cinza - Vendido (inativo)
  • Rosa - Reservado (inativo)
  • Branco - Disponível (interativo)

Ao passar o mouse sobre uma unidade, são exibidos seu preço e área em uma dica de ferramenta, ajudando os usuários a tomarem decisões rápidas e informadas.

Planta do andar com status de disponibilidade

Planta do andar com status de disponibilidade

Planta do andar codificada por cores para disponibilidade

Ao clicar em uma unidade, abre-se um modal detalhado com informações completas do apartamento:

  • Área total
  • Número de quartos
  • Nível do andar
  • Preço
  • Layout incluindo cômodos adicionais
  • Informações de contato do corretor
Informações detalhadas do apartamento modal

Informações detalhadas do apartamento modal

Janela modal mostrando detalhes do apartamento

Interatividade em nível de piso e pré-visualização de planos

Nossa implementação permite que a equipe administrativa gerencie todas as listagens através do WIX CMS. Status como vendido ou reservado podem ser atualizados com um único clique.

Nota: Todo o sistema foi otimizado para usabilidade, SEO e escalabilidade - projetado tanto para vendas de curto prazo quanto para gerenciamento de conteúdo de longo prazo.

Pensando em construir um sistema semelhante?

Se está a considerar desenvolver um sistema de filtragem imobiliário ou visualização de apartamentos como o que construímos para a River Properties, esta seção é para si. Reunimos perguntas comuns de clientes que desejam soluções semelhantes - focadas em funcionalidades, integração e experiência do utilizador. Estas respostas irão ajudá-lo a entender o que é possível e o que considerar antes de começar.