Vitral 0.2

Northgate Homes

O site de uma imobiliária. Busque por região, tipo, orçamento e quartos, veja os resultados como pinos num mapa desenhado, refine-os com uma faixa de preço e então abra um imóvel para ver as fotos, simular o financiamento e escolher um horário na agenda do corretor.

ImóveisBuscaAgendamento
Demonstração ao vivoCódigo no GitHub

Telas

  1. 2

    Anúncios

    Filtros, ordenação e uma grade ou lista de imóveis

    Abrir ao vivo
    Northgate Homes: a tela Anúncios
  2. 3

    Imóvel

    Galeria, características, simulação de financiamento e agendamento de visita

    Abrir ao vivo
    Northgate Homes: a tela Imóvel

O que tem dentro

3 telas e 18 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Um painel de busca cujos filtros são compartilhados com a tela de anúncios
  • Um mapa ilustrativo com pinos de preço ligados aos cards de resultado
  • Filtros com um slider de faixa de preço, checkboxes de tipo e uma escolha de quartos
  • Layouts em grade e em lista, com ordenação e páginas
  • A página de um imóvel com galeria, simulação de financiamento e uma semana agendável no Schedule

Telas

Perguntas

Sobre o Northgate Homes e sobre templates em geral.

Não — é desenhado com CSS, para que o template não dependa de nenhuma biblioteca de mapas. Os pinos são posicionados por porcentagens; troque o bloco pela sua biblioteca de mapas e mantenha os botões dos pinos.