← Todos os projetos

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.

↑