Azeite Projeto de demonstração
Lagar — azeite de herdade com rastreio ao lote
Uma loja de inspiração gravurista para uma herdade de azeite em Moura: três azeites de parcela única com preços por formato, rastreio de lote que abre um dossier sobre um mapa SVG das parcelas, roda de prova animada e clube de assinatura — tudo composto em creme de pedra e verde profundo.
feitura.pt/demo/lagar — Ao vivo
Uma herdade familiar de terceira geração em Moura — 140 hectares, três variedades, lagar próprio desde 1957 — vende um virgem extra extraordinário a preço de garrafão porque online ninguém percebe a diferença. Precisam de uma loja que justifique 14 € por garrafa através de rastreabilidade radical: cada lote rastreável até às parcelas, às datas de apanha e à rubrica do lagareiro.
O que está lá dentro
- Sistema de design clássico de herdade — creme de pedra, verde profundo, dourado de azeite — com ramo de oliveira gravado em SVG
- Selo circular da herdade desenhado em SVG e reutilizado como marca, marca de água do dossier e carimbo da encomenda
- Três cartões-rótulo de produto com formatos 250 ml / 500 ml / 3 L e preço por litro às claras
- Rastreio de lote: qualquer código de garrafa abre um dossier com janela de apanha, variedades, acidez, peróxidos e a rubrica do lagareiro
- Mapa SVG da herdade com as cinco parcelas com nome, destacando a origem de cada lote
- Roda de prova animada — radar de cinco eixos que se transforma entre os três azeites, com microguia de prova em três passos
- Calendário circular dos doze meses do olival com o mês atual assinalado
- Carrinho deslizante com barra de progresso para portes grátis e checkout fictício MB Way / cartão
- Configurador do Clube do Lagar: frequência × formato com preço de sócio a 12% e totais anuais
- Copy bilingue PT/EN, movimento reduzido respeitado e operação completa por teclado
Registo de construção
- Direção de arte — estudos de gravura, SVG do ramo de oliveira, selo da herdade com tipografia circular, tokens creme/verde/dourado
- Hero, faixa de números da colheita e grelha de cartões-rótulo com seletor de formato e estado do carrinho
- Registo e dossier de lote — mapa SVG das parcelas, dados determinísticos por lote, estados de erro e vazio
- Roda de prova: geometria do radar, transição animada entre azeites, notas de prova e o guia em três passos
- Secção da herdade, história do lagar, calendário circular do ano e configurador do Clube do Lagar com preço de sócio
- Carrinho lateral, checkout fictício com MB Way e cartão, confirmação com carimbo do selo, revisão completa do copy PT-PT e EN
- Acessibilidade e polimento — estados de foco, ligações aria, movimento reduzido, recomposição para tablet e desktop
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
97
Performance
98
Accessibility
100
Best practices
100
SEO