01Stack
- HTML5 semântico — main · section · article · nav · aside
- CSS vanilla monolítico · sem framework
- JavaScript nativo · cart em localStorage (sem backend)
- Fontes self-hosted — Space Grotesk + Fraunces
- Sem bundle, sem build tool requerido
/03 template · edição série 04 · q2 ship AUGMENTICA boutique .
Uma boutique que se lê como uma ficha.
Augmentica é um template e-commerce cyberpunk. O seu registo : ficha técnica, calipers, serial numbers, render produto com anotações, specstrip, ticker de certificações. O visitante lê o seu catálogo como se lê uma ficha de laboratório — precisa, numerada, medida.
O template desdobra-se em cinco páginas : a boutique principal (hero produto + catálogo + focus + install + reviews + clinics), um 404 no registo, os avisos legais, a política de privacidade e as CGV. Um cart localStorage sem conta está incluído (leve, sem backend requerido).
Pensámo-lo para marcas que vendem pouco mas bem : boutiques premium, concept stores, marcas tech ambiciosas, labs de produtos inovadores, editores de objetos de arte ou de edição limitada. Se cada produto merece a sua ficha, Augmentica é a peça que o mostra.
Seis secções, um funil de vendas tenso.
Do hero ao clinics, cada secção carrega uma etapa do funil. Sem duplicação, sem desvio: descobre-se, explora-se, converte-se.
-
01
Ver
Hero · ficha flagship
Grande split esquerda/direita: argumentário + preço + specs técnicas à esquerda, render produto com calipers e tags de anotações à direita. Ticker de certificações no rodapé. O hero também faz a venda — preço, estrelas, stock, CTA cart.
-
02
Ver
Catálogo · grelha de produtos
Grelha de cards produto com cover + nome + categoria + preço + CTA adicionar ao carrinho. Filtros por categoria e ordenação por preço/novidade. Cart localStorage atualizado em direto.
-
03
Ver
Focus · zoom produto
Secção dedicada a um produto flagship: galeria, specs técnicas completas, tabela de compatibilidade, opiniões de clientes destacadas, FAQ técnica. Talhada para vender um produto único ou pôr em destaque uma edição limitada.
-
04
Ver
Install · percurso cliente
As etapas do serviço pós-compra: entrega, instalação, acompanhamento, garantia. Numeradas, claras, tranquilizadoras. Cobre as objeções « o que acontece depois do pagamento ».
-
05
Ver
Reviews · prova social numerada
Nota global, distribuição das estrelas, testemunhos destacados com contexto de uso. Prova social quantificada e contextualizada, não apenas « 5 estrelas » decorativas.
-
06
Ver
Clinics · rede & contacto
Lista de pontos de venda físicos / clínicas parceiras / showrooms, com contactos, horários, mapa. Para marcas que combinam e-commerce e retalho premium.
O que está por baixo do capô.
02E-commerce ready
- Cart localStorage (quantidades, total, badge nav)
- Schema.org Product + Offers + AggregateRating
- Open Graph + Twitter Card completos
- Estrutura pronta a ligar ao Stripe / Shopify Buy Button
- Pré-carregamento LCP imagem hero + fonte crítica
03Acessibilidade
- Contraste WCAG AA (Bone sobre Ink ≈ 14:1)
-
:focus-visible· contorno acid 2 px -
Skip-link para
#main -
Scroll progress bar visível ·
aria-hidden -
prefers-reduced-motionneutraliza ticker + transições - Menu mobile · focus-trap · Esc para fechar
04Compatibilidade
- Chrome · Firefox · Safari · Edge — últimas versões
- Safari iOS 16+ · Chrome Android recente
-
Fontes fallback do sistema —
ui-sans-serif · Georgia · monospace - Funciona por trás de qualquer CDN (estático puro)
- Pronto para PWA (ícones a completar com as suas imagens)
Licença : o código fonte é entregue em seu nome. Pode modificá-lo, alojá-lo onde quiser, declinar em vários projetos. Uma ligação de atribuição à Grand Line Web é mantida no rodapé.
Talhado para essas profissões.
-
01
Boutiques premium
Edição limitada, pequena série, peça única. Um catálogo que vende cada produto como um objeto de arte, com a sua ficha, a sua série, o seu preço detalhado.
-
02
Marcas tech & hardware
Produtos eletrónicos, objetos conectados, drones, audio. O registo cyberpunk + os calipers técnicos falam o vocabulário do cliente informado.
-
03
Concept stores
Mix editorial entre e-commerce e galeria. A secção Clinics permite mostrar as moradas físicas ; o focus destaca um produto principal.
-
04
Labs & editores
Laboratórios de produtos, editores de objetos (design, mobiliário, jogo), editoras de discos ou livros. Um site que lê o produto como uma peça de arquivo.
-
05
Marcas lifestyle premium
Vestuário técnico, acessórios de gama alta, objetos de desporto, de viagem. O acid verde flashy dá um toque de sinal sem cair no néon fácil.
Pega no registo.
Ajustamos a boutique.
-
01 Esquisse
O template tal qual.
Augmentica entregue chave na mão, adaptado aos seus produtos e imagens. Estrutura, cart, fichas de produto intactas. Se o registo lhe convém, é a via mais direta.
Desde 890 € sem IVA · compra única
- Template Augmentica instalado
- Os seus produtos integrados (textos, fotos, specs)
- Entregue em 2 a 3 semanas
- Código fonte entregue em seu nome
-
02 Composition
Personalização à medida.
Augmentica retomado na sua gramática : tipografias, cores, secções repensadas conforme o seu catálogo. Ligação Stripe ou Shopify se necessário.
Desde 1 690 € sem IVA · orçamento sob briefing
- Tipografias e paleta ajustadas
- Secções repensadas conforme o seu catálogo
- Ligação pagamento (Stripe · Shopify Buy)
- Entregue em 4 a 6 semanas
-
03 Signature
100% à medida, inspirado no registo.
Uma boutique inteiramente concebida a partir do seu briefing, com o registo Augmentica como ponto de partida. Direção artística dedicada, código dedicado, back-office à medida.
Projeto único Sob orçamento Resposta em 48 h úteis
- Atelier de enquadramento (2 sessões)
- Identidade visual retrabalhada
- Estrutura pensada para o seu catálogo
- Entregue em 8 a 12 semanas
Prefere a subscrição tudo incluído (site + gestão + SEO)? Ver as fórmulas mensais