Projeto
G400 - Geraldo Andreola

“Bem-vindo ao empreendimento que vai redefinir o seu conceito de morar. Combinamos requinte, conforto e tecnologia em cada detalhe, reunindo tudo o que faz de um imóvel alto padrão, para uma vida segura, confortável e única”, essa é a proposta que a Yclodema Engenharia Civil traz para Vacaria/RS em seu novo projeto.

1. Objetivo

Para o lançamento do empreendimento e a sua promoção no decorrer da construção, decidimos desenvolver uma Landing Page. O intuito era de que o conteúdo e todos os detalhes do projeto estivessem o mais próximo do cliente o tempo todo, tornando-se também uma ferramenta de divulgação e consulta para futuros negócios.

2. Começando os estudos

Em conjunto com a Yclodema Engenharia Civil e o Estúdio Scolaro, responsável pelas mídias gráficas, marca, branding e copy do projeto, conseguimos definir a comunicação mais de acordo com o público-alvo do empreendimento, verificando também a necessidade de desenvolver uma identidade visual precisa, sóbria e requintada.

2.1 Referências

Todo projeto desenvolvido necessita de uma pesquisa extensa de concorrência e mercado, para que possamos saber qual é a abordagem utilizada por outras empresas, que o público-alvo está acostumado a consumir. Além disso, referências visuais também são extremamente importantes para instigar a inspiração e criatividade, possibilitando uma criação única, com personalidade e condizente com o nicho explorado.

2.2 Tipografia

Escolher a tipografia correta é fundamental para que seja possível transmitir a sensação que a empresa quer passar. Nesse caso, foi utilizada a Montserrat como padrão do projeto, pois é uma fonte que transmite modernidade, inteligência e beleza, além de possuir uma ótima legibilidade.

Tipografia Montserrat, Google Fonts.

2.3 Paleta de Cores

Uma boa paleta de cores consegue transformar qualquer projeto. É a partir dela que grande parte da magia acontece, porque conseguimos transmitir emoções a partir da combinação de cores. Nesse caso, a cor predominante da marca e empreendimento é o marrom, uma cor quente e aconchegante, demonstrando a atmosfera esperada nesse projeto. A partir dela, foram desenvolvidas cores complementares, para que pudéssemos dividir o conteúdo e criar contraste com as demais informações presentes na tela, transmitindo requinte e seriedade.

Sinalização da paleta de cores aplicada no projeto G400 - Geraldo Andreola.

2.4 Wireframe

Com tudo pronto, partimos para uma das partes mais importantes: rabiscar! Sim, isso mesmo. É aqui que me permito criar sem errar, criando versões e versões rápidas de ideias que surgem a partir de todas as referências e estudos feitos anteriormente. Não são apenas uma ou duas telas criadas, são várias, sem limite! É a partir disso que consigo testar diversas opções em um curto período de tempo, até encontrar a fórmula mais adequada para o projeto, tornando cada criação única.

Alguns Wireframes extraídos do meu projeto no Figma.

3. Definição de layout

Após algumas horas de Wireframe e testes, partimos para a definição de layout. Reunimos todas as ideias que surgiram e precisamos filtrá-las, para extrairmos apenas o melhor de todas. Feito isso, nos voltamos para a disposição dos elementos na tela, aplicação de cores, imagens e textos.

4. Aprovação

Com a definição de layout pronta, o próximo passo é a aprovação com o cliente, fase em que são validadas todas as informações e design aplicados no projeto.

5. Desenvolvimento

Chegamos em uma das partes que mais demandam tempo e cuidado, o desenvolvimento. Escolher o servidor e as tecnologias que serão utilizadas para dar vida a criação é algo muito sério, que pode definir o sucesso ou fracasso do projeto. Costumo criar cada tema manualmente (estilo hard code mesmo). Dessa forma, é possível ter controle total do projeto, facilitando a sua manutenção e vida útil. Após tudo configurado e desenvolvido, a internet pode dar boas-vindas a uma nova criação, como, por exemplo, a Landing Page do empreendimento G400 - Geraldo Andreola, da Yclodema Engenharia Civil!

Print da página inicial da Landing Page do G400 - Geraldo Andreola.