Modificar Home Page -- 2

Necessito alterar a home page de um template WORDPRESS de Imobiliária chamado Real Homes. O template está instalado provisoriamente em www.levu.com.br. Atualmente está com a formatação que irei usar, tendo o mapa como destaque para localizar os imóveis.

Preciso de um desenho de Home page que fique bonito e prático. Na Home page quero deixar o acesso a todas as redes sociais, logotipo, telefone (e talvez e-mail) e menu.

Necessito que o menu e os itens acima apareçam de forma discreta permitindo que o mapa ocupe o maior espaço possível da tela. Podem usar, inclusive, transparências.

Também quero algumas modificações nos marcadores dos imóveis.

Descrevo abaixo com mais detalhes algumas ideias. Não se fixem na minha sugestão. Criatividade e bom gosto é o principal. Não tenho nenhum prazo. Se apresentar antecipadamente um esboço de home page eu apreciarei com mais interesse.

Para guiar meu usuário no website eu vou usar basicamente o mapa da minha cidade. Por aqui o cliente pode fazer diversos tipos de consulta.

Quero que apareça o mapa no maior espaço possível da tela. Pode ter abas laterais para pesquisa de imóveis, contato com corretor e chat.

No canto superior esquerdo e SEMPRE na mesma posição ficará o logotipo da empresa (Figura 1). Atualmente uso um logo fantasia chamado Levu, que não representa nada. Registrei um domínio chamado [url removed, login to view], onde hoje está instalado o template REAL HOMES apenas para testes. Esse domínio não será a minha marca. Ainda estou buscando um domínio definitivo.

Ao lado do logotipo, da forma mais centralizada possível, está a barra de menu (Figura 2) com todos os botões do mesmo tamanho e com seu texto centralizado dentro do botão. As cores do site podem variar do exemplo anexo, que criei apenas para orientar o programador. Deixo a critério do programador achar a melhor logotipia e cores do website. Tenho preferência por cores pastéis.

No mapa ficam os ícones (Figura 3) informando a localização de cada empreendimento cadastrado.

Ao passar o mouse sobre o ícone abrirá a janela (Figura 4) com as informações reduzidas do empreendimento. A janela se manterá aberta enquanto o mouse estiver sobre o ícone. Assim que o mouse sair de cima do ícone a janela será fechada. Outra possibilidade é clicar no ícone, o que manterá a janela (Figura 4) aberta até que se clique novamente no ícone ou no X situado no canto superior da janela. Clicando dentro da janela ou em Saiba Mais irá abrir a janela com os dados desse empreendimento. Se o usuário selecionar a opção Favorito no botão rádio o imóvel ficará marcado como Favorito até o site ser fechado.

O Menu tem as opções: Construtora, Empreendimento, Todos Imóveis, Estatística, Contato. Todos esses botões são descritos abaixo e podem ser vistos nas telas anexas.

O botão construtora (Figura 5), como temos mais de 200 construtoras cadastradas a solução foi colocar um sub menu com letras do alfabeto. Selecionando a letra surge outro sub menu com as construtoras que iniciam com a letra escolhida. Então o usuário escolhe a construtora específica.

Ao selecionar a Construtora específica abrirá uma tela listagem com todos os imóveis (empreendimentos) dessa construtora.

Note que os botões têm o mesmo tamanho e que a letra e a construtora ficam em destaque.

O botão empreendimento (Figura 6), como temos mais de 500 empreendimentos (uma média de 4 por construtora, podendo chegar a 30 em algumas construtoras) ficou difícil criar um método de seleção, então a solução foi abrir uma caixa de diálogo onde será digitado o nome do empreendimento. Ao iniciar a digitação aparecerá uma caixa com até 5 imóveis que se encaixam nas letras digitadas na caixa de diálogo. Os nomes vão sendo eliminados a medida que o nome digitado não casar com os nomes da caixa.

Ao finalizar a digitação é só selecionar o imóvel desejado e abrirá uma tela listagem completa do imóvel escolhido.

Seja criativo. Responderei a todos que participarem. Grato.

.

CSS HTML PHP Projektowanie stron www

Numer ID Projektu: #11669560

O projekcie