Carpintaria por medida Projeto de demonstração
Prego — carpintaria por medida com um roupeiro que se desenha na própria parede
Um site folha-de-desenho-técnico para uma carpintaria em Leiria: três controlos e três escolhas redesenham um roupeiro à escala — módulos, portas, gavetas, cor do folheado, cotas — e calculam o preço em tempo real; a visita de medição gratuita marca-se em horas reais. O processo de seis semanas tem datas, a promessa de preço fechado está escrita, e a estimativa diz em voz alta que é uma estimativa.
feitura.com/demo/prego — Ao vivo
A carpintaria por medida perde contactos porque ninguém diz um número antes de uma visita. Esta oficina quer dizer um número — claramente assinalado — e mostrar ao cliente a própria parede com um roupeiro em cima, para que a visita se marque com a decisão meio tomada.
O que está lá dentro
- Desenho à escala em tempo real: controlos de largura, altura e profundidade, quatro materiais com cores de folheado reais, portas de batente/correr/aberto e 0–4 gavetas redesenham módulos, puxadores, calhas, prateleiras e cotas
- Estimativa a partir de área de frente × taxa do material × fator das portas × profundidade, mais gavetas, arredondada a dez euros; o prazo muda com o material
- Horas de visita de medição em cinco dias, estados livre e ocupada; o botão de marcar só acorda com uma hora
- Folha de marcação que leva configuração, estimativa e hora, com morada validada; só front-end
- Processo de seis semanas com passos datados e três promessas; a oficina em números, mapa da zona industrial, FAQ que explica o que a estimativa não é
- Fundo de papel com grelha fina, tinta prussiana, display condensado em maiúsculas, cotas em mono — a madeira só aparece no próprio roupeiro; sem fotografia
- Bilingue PT/EN, diálogo fechável com Escape, gestão de foco, alvos de 44 px, movimento reduzido respeitado
Registo de construção
- Direção de arte — papel quadriculado, tinta prussiana, carvalho só na peça; display condensado; convenções de desenho
- Modelo do configurador: módulos a partir da largura, geometria de portas e gavetas, materiais
- Regras de preço, painel de estimativa, horas de visita e marcação condicionada
- Cronologia do processo, promessas, oficina e mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript