Decisão Engenharia — Sitio Institucional

Cliente

Decisão Engenharia

Servicios

institutional

Año

2024

Rol

Front-end

Stack

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

Posicionar a una empresa de ingeniería especializada como el primer banco de UTDC de Brasil, explicando con claridad un mecanismo urbanístico complejo y guiando a dos públicos distintos —propietarios y desarrolladoras— al contacto.

Qué hicimos

Un sitio con scroll a través de múltiples secciones construido con Next.js, con animaciones de revelado al hacer scroll, header fijo, carrusel de casos de inmuebles patrimoniales protegidos, acordeón de preguntas frecuentes y CTAs de WhatsApp segmentados para cada público.

Explicamos un mecanismo urbanístico complejo y separamos dos públicos en dos caminos de WhatsApp.

Del hero al mecanismoDel hero al diagrama de la TDC, pasando por la historia y las cifras.

Producto

Un instrumento urbanístico explicado en una página: qué es la TDC, quién la genera, quién la compra y dónde hablar.

  • Hero — En el móvil.
  • Qué es la TDC — En el móvil.
  • Servicios — En el móvil.
  • Proceso — En el móvil.
  • Dónde actuamos — En el móvil.
  • Casos — En el móvil.
  • Dos puertas — En el móvil.
Hero · Qué es la TDC · Servicios · Proceso · Dónde actuamos · Casos · Dos puertas
Mapa, casos y blogDel mapa de Belo Horizonte a los inmuebles atendidos y las publicaciones.

Identidad

El logotipo llegó terminado. Partimos del archivo que usa el sitio y mostramos cómo se presenta.

LogotipoEl tejado se dibuja y DECISÃO y ENGENHARIA suben como los títulos del sitio — derivado del sitio.
Área de protección
Área de protecciónEl logotipo, su área de protección y la versión reducida — derivado del sitio.
Fondo oscuro
Fondo oscuroBlanco sobre el azul marino, como en el encabezado y el pie — derivado del sitio.
Fondo claro
Fondo claroTinta y gris sobre el hueso — derivado del sitio.

Sistema

Color, letra, iconos y las piezas que se repiten, tomados del propio sitio.

PaletaLa paleta del sitio, del hueso al burdeos — derivado del sitio.
Tipografía
TipografíaUna sola familia, Montserrat, en títulos, textos y antetítulos — derivado del sitio.
PesosMontserrat de Regular a Extrabold — derivado del sitio.
Iconos
IconosLos iconos de la home, en trazo fino y esquinas redondas — derivado del sitio.
Componentes
ComponentesEl diagrama del mecanismo, las dos puertas, botones, servicio, pregunta y cifras — derivado del sitio.

Detalles

En los detalles: el hero en el móvil, la frase sobre la fachada, las preguntas que se abren y las dos puertas del final.

Patrimonio y futuro
Patrimonio y futuro“Preservar es mantener viva el alma de la ciudad mientras construimos el mañana”, sobre la fachada, entre el proceso y el mapa.
Pie
PieEl logotipo blanco sobre el azul marino, con la oficina en Belo Horizonte, teléfono, correo y LinkedIn.
Dos puertasDel blog a la elección del perfil, generador o receptor, y a las preguntas.

Resultados

  • En producción con contenido totalmente en portugués de Brasil

  • Animaciones de revelado al hacer scroll y header de navegación fijo

  • Carrusel de casos patrimoniales y acordeón de FAQ, totalmente responsivo en todos los dispositivos

Créditos

Desarrollo front-end
Ressolv
Sistema derivado
Ressolv, a partir del logotipo y del código del sitio
Logotipo
Decisão Engenharia, archivo del cliente

Siguiente proyecto

Clínica EquipeDente — Odontología en Belém