← Todos os projetos

Site institucional de engenharia

EngMagro — Matheus Magro

Presença digital para um engenheiro mecânico e de segurança do trabalho, com catálogo de serviços, busca e solicitação de orçamento pelo WhatsApp.

TipoSite institucional de engenharia
TecnologiasHTML, CSS, JavaScript, Node.js, Three.js
EntregueSite institucional e catálogo de serviços, em colaboração com a Mezzold
EngMagro — Matheus Magro
  • 17serviços descritos no catálogo
  • 5áreas de atuação com navegação própria
  • 1formulário que monta o pedido de orçamento no WhatsApp

Contexto

Site institucional da EngMagro, do engenheiro Matheus Magro, com atuação em engenharia mecânica e segurança do trabalho. Projeto em colaboração entre Mezzold e DØERING, com identidade em azul-marinho e laranja.

ColaboraçãoMezzold × DØERING

Problema e solução

ObjetivoValorizar a identidade profissional do engenheiro e facilitar a descoberta dos serviços e a solicitação de orçamento.

Problema

Serviços técnicos de engenharia precisam ser apresentados de forma clara: o visitante deve entender o que cada serviço atende, quando procurá-lo e quais entregas pode solicitar.

Solução

Site com apresentação profissional, credenciais, serviços, etapas de atendimento e dúvidas frequentes. O catálogo detalha 17 serviços em cinco áreas, com busca e navegação por categoria. O formulário organiza a solicitação e abre o WhatsApp com a mensagem pronta.

Funcionalidades

  • Catálogo com 17 serviços organizados em cinco áreas
  • Busca por termos e navegação por serviço
  • Descrição do serviço, situações de uso e entregas previstas
  • Formulário que monta o pedido de orçamento para o WhatsApp
  • Credenciais profissionais, dúvidas e etapas do atendimento
  • Visual adaptado a qualquer tela, animações e assinatura Mezzold × DØERING

Desafios técnicos

  • Conteúdo técnico organizadoServiços descritos em uma fonte de dados central e publicados em páginas estáticas geradas com Node.js.
  • Navegação em um catálogo extensoBusca por termos, índice lateral no desktop e filtros por área no celular ajudam a encontrar o serviço relevante.
  • Assinatura com carregamento sob demandaA animação de colaboração usa Three.js, carregado apenas quando o visitante se aproxima do rodapé.
HTMLCSSJavaScriptNode.jsThree.js

Resultado

A apresentação profissional, o catálogo e o contato ficam reunidos em uma experiência consistente. O visitante pode entender a oferta e chegar ao WhatsApp com serviço, cidade e detalhes da solicitação já organizados.

Galeria

Ver projeto no ar ↗

Quer algo parecido para o seu negócio?

Conte o seu cenário. Mostramos o que dá para reaproveitar deste projeto e o que precisa ser sob medida.

EngMagro — Matheus Magro, tela 1
EngMagro — Matheus Magro, tela 11 / 3