Decisão Engenharia — Site Institucional

Cliente

Decisão Engenharia

Serviços

institutional

Ano

2024

Papel

Front-end

Stack

Next.js · React · TypeScript · Tailwind CSS · Framer Motion · Vercel

Ver o projeto

Posicionar uma empresa de engenharia especializada como o 1º banco de UTDC do Brasil, explicando de forma clara um mecanismo urbanístico complexo e conduzindo dois públicos distintos — proprietários e incorporadoras — ao contato.

O que fizemos

Um site de rolagem em múltiplas seções construído com Next.js, com animações de revelação ao rolar, header fixo, carrossel de cases de imóveis tombados, acordeão de perguntas frequentes e CTAs de WhatsApp segmentados para cada público.

Explicamos um mecanismo urbanístico complexo e separamos dois públicos em dois caminhos de WhatsApp.

Do hero ao mecanismoDo hero ao diagrama da TDC, passando pela história e pelos números.

Produto

Um instrumento urbanístico explicado numa página: o que é a TDC, quem gera, quem compra e por onde falar.

  • Hero — No celular.
  • O que é a TDC — No celular.
  • Serviços — No celular.
  • Processo — No celular.
  • Onde atuamos — No celular.
  • Cases — No celular.
  • Duas portas — No celular.
Hero · O que é a TDC · Serviços · Processo · Onde atuamos · Cases · Duas portas
Mapa, cases e blogDo mapa de Belo Horizonte aos imóveis atendidos e às publicações.

Identidade

O logotipo chegou pronto. Partimos do arquivo que o site usa e mostramos como ele se apresenta.

LogotipoO telhado se desenha e DECISÃO e ENGENHARIA sobem como os títulos do site — derivado do site.
Área de proteção
Área de proteçãoO logotipo, a área de proteção e a versão reduzida — derivado do site.
Fundo escuro
Fundo escuroBranco sobre o marinho, como no cabeçalho e no rodapé — derivado do site.
Fundo claro
Fundo claroTinta e cinza sobre o osso — derivado do site.

Sistema

Cor, letra, ícones e as peças que se repetem, tirados do próprio site.

PaletaA paleta do site, do osso ao bordô — derivado do site.
Tipografia
TipografiaUma só família, Montserrat, em títulos, textos e sobretítulos — derivado do site.
PesosMontserrat do Regular ao Extrabold — derivado do site.
Ícones
ÍconesOs ícones da home, em traço fino e cantos redondos — derivado do site.
Componentes
ComponentesO diagrama do mecanismo, as duas portas, botões, serviço, pergunta e números — derivado do site.

Detalhes

Nos detalhes: o hero no celular, a frase sobre a fachada, as perguntas que abrem e as duas portas do fim.

Patrimônio e futuro
Patrimônio e futuro“Preservar é manter viva a alma da cidade enquanto construímos o amanhã”, sobre a fachada, entre o processo e o mapa.
Rodapé
RodapéO logotipo branco sobre o marinho, com o escritório em Belo Horizonte, telefone, e-mail e LinkedIn.
Duas portasDo blog à escolha do perfil, gerador ou receptor, e às perguntas.
Ver o projeto

Resultados

  • No ar em produção com conteúdo totalmente em português brasileiro

  • Animações de revelação ao rolar e header de navegação fixo

  • Carrossel de cases de patrimônio e acordeão de FAQ, totalmente responsivo em todos os dispositivos

Créditos

Desenvolvimento front-end
Ressolv
Sistema derivado
Ressolv, a partir do logotipo e do código do site
Logotipo
Decisão Engenharia, arquivo do cliente
Ver o projeto

Próximo projeto

Clínica EquipeDente — Odontologia em Belém

Fale com o studio Todos os projetos