Site Cyrela

Criação de site - Cyrela

Desenvolvemos a criação do site de relação de investidores de uma das maiores construtoras e incorporadoras do Brasil, a Cyrela. O desenvolvimento e criação do layout do site seguiu o manual de identidade visual passado pelo cliente e com inúmeros modelos de aplicações.  

Buscamos seguir algo dinâmico e estiloso assim como o site institucional da marca a fim de gerar reconhecimento do conteúdo pelo público e alinhar a comunicação da marca como um todo. 

Estrutura

PIXELS
600

O site foi construído com base no grid de 1.200 pixels que é mais moderno e apresenta uma área de respiro maior. Para o mobile foi construído um novo site com limitações de imagens priorizando o carregamento rápido por conta das inúmeras informações importantes que deveriam ser acessadas de forma ágil para ajudar na tomada de decisão dos sócios. 

Efeito de Dupla Exposição aplicada a imagens do layout na criação do site.
Efeito de Dupla Exposição aplicada a imagens do layout na criação do site.
Efeito de Dupla Exposição aplicada a imagens do layout na criação do site.
Efeito de Dupla Exposição aplicada a imagens do layout na criação do site.

Cores

As cores usadas no layout foram os dois tons principais da marca, o vermelho e o laranja. Apesar disso o cliente nos deixou a vontade para usarmos um gradiente entre essas duas cores o que nos ajudou para criarmos nuances diferentes para CTAs e outros itens de igual destaque do layout. 

Tipografia

Como a fonte da Cyrela não era de sistema e nem uma Google Font tivemos que repensar em alguma família similar para usar em títulos do site. Partimos da Times New Roman que é uma fonte bem parecida e que pode ser usada em textos corridos sem que haja necessidade de colocar um código no site para que isso aconteça. Dessa forma conseguimos aproximar o layout para a identidade visual que a marca já tinha e ainda deixamos o site mais leve em seu carregamento. Isso era imprescindível visto a quantidade de imagens que o site dispunha para visualização dos empreendimentos, relatórios e apresentações de resultados. 

Confira algumas outras imagens do site

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *