Oficina de bicicletas Projeto de demonstração
Corrente — oficina de bicicletas com orçamento antes de sair de casa
Um site giz-e-laranja-de-segurança para uma oficina em Alvalade: marca os sintomas, vê o diagrama da bicicleta acender, lê um intervalo de preço honesto e o tempo na oficina, escolhe a hora de entrega, marca. Quatro bicicletas vendidas com convicção, uma garagem onde se vê a bancada, e um FAQ que diz quando não vale a pena reparar.
feitura.com/demo/corrente — Ao vivo
As oficinas perdem clientes com o 'traga cá e depois vemos'. Esta quer o contrário: preço e tempo antes de o cliente sair de casa, uma hora de entrega que pode reservar, e uma promessa — escrita — de que o preço só muda depois de um telefonema.
O que está lá dentro
- Estimador de reparação: seis sintomas com intervalos de preço e tempos; a revisão completa absorve os trabalhos pequenos que já inclui
- Diagrama da bicicleta que acende as zonas afetadas à medida que se marcam sintomas — um desenho, sem fotografia
- Painel de orçamento em tempo real com intervalo de preço, tempo na oficina e o que o preço inclui
- Escolha de entrega: seis dias, horas reais, as ocupadas riscadas; o botão de marcar só acorda com orçamento e hora
- Folha de marcação que leva o orçamento, a hora e os sintomas marcados; validação inline, só front-end
- Quatro bicicletas com silhuetas desenhadas, tamanhos e preços numa faixa grafite; promessas da oficina, mapa e FAQ
- Bilingue PT/EN, display grotesco em maiúsculas, mono para preços e horas, alvos de 44 px, movimento reduzido respeitado
Registo de construção
- Direção de arte — giz, grafite, laranja de segurança; grotesco em maiúsculas; estudos do diagrama da bicicleta
- Modelo do estimador: trabalhos, intervalos, tempos, regra da revisão; zonas do diagrama
- Horas de entrega e marcação condicionada; folha de marcação com resumo
- Faixa das bicicletas, promessas da oficina, mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript