Redesign do Site Beco Castelo em Drupal

Redesenho completo do site da empresa, adaptando-o para diferentes dispositivos, sob a plataforma Drupal.

  • css
  • drupal
  • html
  • jquery
  • photoshop
  • php

Problematização e Solução

O problema
O site da empresa era antigo e não estava mais adequado à linguagem da empresa. Gostariam que fosse combinado com o novo comportamento da e ambições da empresa.

O projeto
Um redesenho completo do site da empresa, a adaptação do mesmo para diferentes dispositivos e fazer todo o trabalho em Drupal. Tecnologias utilizadas: Drupal, jQuery, HTML5 CSS3

Wireframe Homepage

Desenho técnico de fidelidade média com a estrutura, alinhamento e distribuição dos elementos da página inicial do site. O documento contém informações importantes para aprovação junto à empresa e, posteriormente, para o desenvolvimento do site.

Wireframe Empresa

Desenho de página simples contendo essencialmente textos, com títulos e parágrafos, de modo que se possa entender como outras páginas similares serão apresentadas.

Wireframe Empreendimentos

Desenho de página de listagem de empreendimentos, contemplando o elemento primordial para este tipo de negócio que é a imagem comercial do imóvel, além de destacar o tipo (na planta / lançamento / em andamento / entregue) e o nome.

Wireframe O empreendimento

Desenho da página do empreendimento, prevendo um bom espaço promocional na parte superior seja com vídeo e/ou imagens, entre outras informações relevantes do imóvel.

Wireframe Contato

Desenho da estrutura da página de contato contendo os diversos canais exclusivos e direcionados de atendimento que a empresa oferece.

Layout Homepage

Página inicial do site contemplando as informações mais importantes na visão da empresa e de acordo com as necessidades dos seus clientes. Inclui menus principal ao topo e secundário na lateral, além de outras informações de contato; vídeo de lançamento de empreendimento; menu comercial; listagem dos empreendimentos recentes.

Layout Homepage (Tablet)

A mesma página apresentada acima, mas na versão adaptada para tablet. Ou seja, com a ocultação da coluna esquerda.

Layout O empreendimento

Detalhe para a evolução da obra que pode ser visualizada e acompanhada através da barra de progresso, bem como por meio de fotografias publicadas pela construtora.