Decisão Engenharia — Institutional Site

Client

Decisão Engenharia

Services

institutional

Year

2024

Role

Front-end

Stack

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

View the project

Position a specialized engineering firm as Brazil's first UTDC bank, clearly explaining a complex urban-planning mechanism while guiding two distinct audiences — property owners and developers — toward contact.

What we did

A multi-section scrolling site built with Next.js, featuring scroll-driven reveal animations, a sticky header, a case-study carousel of heritage properties, an FAQ accordion, and dual-path WhatsApp call-to-actions for each audience.

We explained a complex urban-planning mechanism and split two audiences into two separate WhatsApp paths.

From hero to mechanismFrom the hero to the TDC diagram, through the history and the numbers.

Product

An urban-planning instrument explained on one page: what TDC is, who generates it, who buys it and where to talk.

  • Hero — On mobile.
  • What TDC is — On mobile.
  • Services — On mobile.
  • Process — On mobile.
  • Where we work — On mobile.
  • Cases — On mobile.
  • Two doors — On mobile.
Hero · What TDC is · Services · Process · Where we work · Cases · Two doors
Map, cases and blogFrom the map of Belo Horizonte to the properties served and the posts.

Identity

The logo came finished. We started from the file the site uses and show how it presents itself.

LogoThe roof draws itself and DECISÃO and ENGENHARIA rise like the site's headings — derived from the site.
Clear space
Clear spaceThe logo, its clearspace and the small version — derived from the site.
Dark ground
Dark groundWhite on navy, as in the header and footer — derived from the site.
Light ground
Light groundInk and grey on bone — derived from the site.

System

Colour, type, icons and the repeated parts, taken from the site itself.

PaletteThe site's palette, from bone to bordeaux — derived from the site.
Typography
TypographyOne family, Montserrat, for headings, text and eyebrows — derived from the site.
WeightsMontserrat from Regular to Extrabold — derived from the site.
Icons
IconsThe home page's icons, in a thin stroke with round corners — derived from the site.
Components
ComponentsThe mechanism diagram, the two doors, buttons, service, question and numbers — derived from the site.

Details

In the details: the hero on a phone, the line over the façade, the questions that open and the two doors at the end.

Heritage and future
Heritage and future“To preserve is to keep the city's soul alive while we build tomorrow”, over the façade, between the process and the map.
Footer
FooterThe white logo on navy, with the Belo Horizonte office, phone, email and LinkedIn.
Two doorsFrom the blog to choosing a profile, generator or receiver, and on to the questions.
View the project

Results

  • Live in production with full Brazilian-Portuguese content

  • Scroll-driven reveal animations and a sticky navigation header

  • Heritage case-study carousel and FAQ accordion, fully responsive across devices

Credits

Front-end development
Ressolv
Derived system
Ressolv, from the site's logo and code
Logo
Decisão Engenharia, client's file
View the project

Next project

Clínica EquipeDente — Dentistry in Belém

Talk to the studio All projects