Desenvolvimento front-end / 02
Tebas.
Site institucional da Tebas, desenvolvido em parceria com a TWDATA para apresentar empreendimentos imobiliários e informações sobre o andamento das obras.
TECNOLOGIAS & FERRAMENTAS
- HTML
- CSS
- JavaScript
Detalhes do projeto
Sobre o projeto
Na parceria com a TWDATA, trabalhei na estrutura do site, na adaptação visual e na implementação responsiva com HTML, CSS, JavaScript e PHP. As imagens foram fornecidas pelo cliente e integradas às páginas conforme as necessidades de cada conteúdo.
A proposta foi apresentar os empreendimentos e as informações institucionais com uma linguagem adequada ao segmento imobiliário de alto padrão.
Objetivos e tecnologias
O site precisava reunir informações da empresa, lançamentos e obras em andamento. A organização em páginas específicas permite consultar o portfólio imobiliário e os detalhes de cada empreendimento antes de entrar em contato.
Tecnologias e ferramentas utilizadas:
HTML, CSS, JavaScript, PHP e Adobe Photoshop.
Página inicial
A página inicial apresenta os principais empreendimentos em banners e blocos de destaque. As imagens fornecidas pelo cliente foram adaptadas à estrutura do site e às diferentes dimensões de tela.
A sequência de conteúdo reúne lançamentos, diferenciais da empresa, acompanhamento de obras e canais de contato, oferecendo caminhos para aprofundar a consulta.
Empreendimentos
A listagem reúne o portfólio imobiliário da Tebas e permite consultar empreendimentos a partir de categorias, características e termos de busca.
Implementei uma listagem dinâmica com JavaScript e dados em JSON. Os filtros e a busca textual em tempo real permitem refinar os resultados conforme o interesse do visitante.
A separação entre os dados dos imóveis e sua apresentação organiza o conteúdo da listagem. Os recursos de consulta dão acesso aos empreendimentos sem exigir a leitura de todas as opções.
Detalhes do empreendimento
Cada empreendimento possui uma página dedicada à consulta de suas características e à apresentação dos materiais do projeto.
Galeria de imagens, informações técnicas, diferenciais, plantas, localização e formulários de contato foram reunidos em uma sequência de consulta.
A hierarquia de conteúdo distingue a apresentação visual das informações técnicas e mantém os canais de contato disponíveis ao longo da leitura.
Acompanhamento de obras
A área de acompanhamento reúne informações sobre a evolução dos empreendimentos, permitindo que clientes consultem o estágio das obras.
Cada projeto apresenta galeria de imagens, cronograma visual, percentual de conclusão e informações sobre o andamento da construção.
A organização desses conteúdos oferece um ponto de consulta para o cliente após a compra e complementa a comunicação institucional da empresa.
CONTINUE EXPLORANDO
Buffly
UM BOM PROJETO COMEÇA COM UMA CONVERSA
Tem uma ideia?
Vamos dar forma.
Conversar sobre um projeto Sites, sistemas web e soluções digitais.