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)