Preferências de cookies

Escolha quais categorias opcionais podem ser usadas. Os cookies necessários não podem ser desligados.

OPEN ETHOS — inícioFale sobre seu projeto

Site

Site da Moldtec: do arquivo 3D ao pedido de orçamento

Moldtec Modelação e Protótipos · Ver o site (abre em nova aba)

Site institucional de uma empresa de usinagem CNC 3D e modelação em São Bernardo do Campo. Cada serviço ganhou página própria e o pedido de orçamento já recebe o desenho técnico do cliente.

Contexto

A Moldtec faz modelação industrial e usinagem CNC 3D de modelos, moldes e protótipos em isopor (EPS), resina e MDF. Fica em São Bernardo do Campo (SP) e atende fundição, estamparia, náutica, ferramentaria, automotivo, bombas e mobiliário.

Projeto desenvolvido por Daniel Moreira, fundador da OPEN ETHOS.

Desafio

Quem compra usinagem chega com um problema concreto e, quase sempre, com um arquivo técnico na mão. Precisa descobrir se a Moldtec trabalha com aquele material e aquele tamanho, e enviar o desenho para análise.

Solução

O site foi refeito em páginas estáticas, cada uma com endereço próprio: usinagem por material, moldes, modelação, protótipos, corte CNC, aplicações por setor, a empresa, estrutura e perguntas frequentes. O conteúdo aparece mesmo sem JavaScript, o que ajuda a busca e quem navega com conexão fraca.

O formulário de orçamento pede o essencial e aceita o desenho ou modelo 3D (STEP, IGES, STL, DWG, DXF, PDF e outros, até 25 MB). O arquivo vai direto para um armazenamento privado, sem passar pelo limite de tamanho do servidor, e o formulário tem proteção contra envios automáticos.

A acessibilidade foi tratada desde o início: idioma declarado, um título principal por página, texto alternativo em todas as imagens e validação automática pelo padrão WCAG 2.1 AA. Cookies de medição e anúncios só são ativados depois do aceite.

O que foi entregue

  • Site estático com páginas próprias por serviço, material e aplicação
  • Formulário de orçamento com envio de desenho técnico de até 25 MB
  • Gravação dos pedidos em banco de dados, acessível só pelo servidor
  • Validação automática de acessibilidade (WCAG 2.1 AA)
  • Metadados para busca e compartilhamento (título, descrição, dados estruturados)
  • Banner de cookies com recusa e política de privacidade
  • Botões de WhatsApp e barra de contato no celular

Tecnologias

  • HTML, CSS e JavaScript sem framework
  • Funções serverless na Vercel
  • Supabase (banco de dados e armazenamento de arquivos)
  • axe-core e Lighthouse (validação)