From 177882e77b142caec57d796b6e14d019c6d3b8d8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= Date: Thu, 24 Sep 2026 16:33:06 -0300 Subject: [PATCH] feat: redesign the Site order flow and fix the cart layout New landing (hero with a sheet preview, four steps, product cards priced from the checkout table, price table and benefits), a progress bar that follows the order through Montagem, Dados e entrega and Pagamento, the live sheet beside the artworks, and a running total bar on phones. The cart's saved-in-browser note no longer takes a grid column, which had pushed the order into a narrow strip and the summary below it. The previous look is kept in tag ui-v1. Co-Authored-By: Claude Opus 5.5 --- web/cart.js | 2 +- web/index.html | 334 ++++++++++++++------------------------------- web/site-config.js | 8 +- web/site-steps.js | 72 ++++++++++ web/site-v2.css | 177 ++++++++++++++++++++++++ 5 files changed, 356 insertions(+), 237 deletions(-) create mode 100644 web/site-steps.js create mode 100644 web/site-v2.css diff --git a/web/cart.js b/web/cart.js index 2f50ca9..8cee1da 100644 --- a/web/cart.js +++ b/web/cart.js @@ -3,7 +3,7 @@ let database,scope,timer,restoring=true; let signedOut=false; window.addEventListener('dtf-private-data-cleared',()=>{signedOut=true;clearTimeout(timer);pedido=[];itemAtual=null;folhas=[];artes=[];}); - const notice=document.createElement('p');notice.style.cssText='font:13px system-ui;color:#56616d;padding:8px 20px'; + const notice=document.createElement('p');notice.className='carrAviso'; document.getElementById('carr').prepend(notice); function transaction(mode,fn){return new Promise((resolve,reject)=>{const tx=database.transaction('cart',mode);const request=fn(tx.objectStore('cart'));let result;request.onsuccess=()=>result=request.result;tx.oncomplete=()=>resolve(result);tx.onerror=()=>reject(tx.error);tx.onabort=()=>reject(tx.error);});} async function save(){ diff --git a/web/index.html b/web/index.html index c838d32..c39060a 100644 --- a/web/index.html +++ b/web/index.html @@ -748,6 +748,7 @@ footer a:hover{color:var(--laranja2)} justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#5A6570} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}} + @@ -820,171 +821,101 @@ footer a:hover{color:var(--laranja2)} -
- - -
-
-
-
- Metro a partir de R$ 14,90 - Revisão inclusa - Franca · SP -
-

A gente encaixa sua folha
e você paga menos metro

-

Mande a arte, veja a nota em segundos e a folha montada antes de fechar. - Revisão e remanejamento por nossa conta.

-
- Enviar minha arte - sem cadastro · resposta em segundos -
+
+
+
+
+ Metro a partir de R$ 14,90 + Franca · SP · envio em até 24 h
- -
- - mais vendido - com arte boa - R$ 14,90 /m - Arquivo por metro - têxtil · 57 cm - - - com arte boa - R$ 24,90 /m - Artes avulsas - têxtil · montamos a folha - - - com arte boa - R$ 69,90 /m - Arquivo UV - rígido · 28,5 cm - - - com arte boa - R$ 83,90 /m - Artes avulsas UV - rígido · montamos a folha - +

A gente encaixa sua folha e você paga menos metro

+

Mande a arte, veja a nota e a folha montada antes de pagar. Revisão de 5 pontos e reencaixe por nossa conta.

+
+ Enviar minha arte + Sem cadastro · preço em segundos
- -
- ◆ Revisão de 5 pontos sem custo - ◆ Cobrança por proporção, a cada 10 cm - ◆ Filme de 57 cm, o dobro do padrão - ◆ Prévia da folha antes de pagar +
- - -
-
Quanto melhor sua arte,
menor o preço do metro - Têxtil de R$ 19,90 a R$ 14,90 · UV de R$ 99,90 a R$ 69,90. - A nota aparece na tela antes de você pagar.
-
Filme de 57 cm,
o dobro do padrão - Cabe o dobro de arte por metro. E reencaixamos sua folha sem cobrar.
-
Você paga só
o que usa - Cobrança a cada 10 cm. Folha de 2,75 m custa 2,80 — não 3.
-
Erro pego
antes de imprimir - 5 pontos conferidos e a nota na tela. Sem custo.
-
Envio em
até 24 horas - E avisamos por WhatsApp a cada etapa do pedido.
+
+
1
Envie a arte

PNG, JPG ou PDF. Sem cadastro.

+
2
Veja nota e montagem

A folha e o preço aparecem na hora.

+
3
Confira e pague

Conferimos a metragem e liberamos o pagamento.

+
4
Acompanhe

Aviso no WhatsApp a cada etapa.

-
+
+ +
+
-
Comece por aqui
-

Qual é o seu caso?

+
+
Escolha o produto
+

Qual é o seu caso?

+

O preço do metro depende da nota da arte: quanto melhor o arquivo, menor o preço.

+
- - -
@@ -1276,99 +1207,37 @@ footer a:hover{color:var(--laranja2)}
- -
-
Como funciona
-

Tudo o que você precisa saber, em cinco cartões

- -
-
- -
-
-
Preço

Arte melhor,
metro mais barato

-
−25%no metro
-
-

Vale nos quatro produtos. Preço da folha que você monta:

- - - - - - - -
notatêxtilUV
90–100R$ 14,90R$ 69,90
75–89R$ 16,20R$ 73,90
60–74R$ 17,50R$ 77,90
40–59R$ 18,70R$ 81,90
abaixo de 40R$ 19,90R$ 85,90
-
Se a montagem for nossa, some R$ 10,00 no têxtil e - R$ 14,00 no UV — mesma escada, em qualquer faixa
-
- -
-
-
Largura

O dobro do
filme padrão

-
57cmde filme
-
-

A maioria trabalha com 28,5 cm. Na nossa largura cabe o dobro de arte - por metro corrido — e o metro sai mais barato por peça.

-
    -
  • Duas artes de 28 cm lado a lado
    • -
  • Menos emenda, menos corte
    • -
  • DTF UV também disponível, em 28,5 cm
    • -
-
- -
-
-
Encaixe

Reencaixamos
sua folha de graça

-
grátisreencaixe
-
-

Se a sua montagem deixa espaço sobrando, refazemos o encaixe com o mesmo - motor que usamos nas nossas montagens.

-
    -
  • Artes que se tocam, separadas com 5 mm
    • -
  • Giramos as peças para aproveitar a largura
    • -
  • A folha encolhe e a sua conta diminui
    • -
-
Refazemos o encaixe antes de imprimir, sem cobrar nada
-
- -
-
-
Cobrança

Você paga
o que usa

-
10cmde cada vez
-
-

Arredondamos a cada 10 cm. Uma folha de 2,75 m custa 2,80 m — quem cobra - metro cheio cobraria 3.

-
    -
  • Pedido mínimo de 1 metro
    • -
  • A identificação do pedido é por nossa conta
    • -
  • Sem taxa de arquivo, sem taxa de revisão
    • -
-
- -
-
-
Sem burocracia

Conta só na
hora de pagar

-
0conta e senha
-
-

Sobe a arte e vê o preço sem conta nenhuma. A conta nasce no pagamento, junto com o CNPJ da nota — e o próximo pedido já vem com suas artes anteriores. A revisão de 5 pontos vem junto — - há quem cobre R$ 19,90 por pedido só por isso.

-
    -
  • Sem cadastro para subir e ver o preço
    • -
  • Envio em até 24 horas
    • -
  • WhatsApp a cada etapa do pedido
    • -
  • Arquivo guardado 30 dias · histórico do pedido na conta
    • -
-
- -
-
- - -
-
+ +
+
+
Preço
+

Arte melhor, metro mais barato

+

A nota aparece na tela antes de você pagar. Preço da folha que você monta:

+ + + + + + + + + +
Nota da arteTêxtil 57 cmUV 28,5 cm
90 a 100R$ 14,90R$ 69,90
75 a 89R$ 16,20R$ 73,90
60 a 74R$ 17,50R$ 77,90
40 a 59R$ 18,70R$ 81,90
abaixo de 40R$ 19,90R$ 85,90
+

Montagem das artes avulsas: + R$ 10,00 no têxtil e + R$ 14,00 no UV, em qualquer faixa.

+
+
+
57 cmO dobro do filme padrãoCabe o dobro de arte por metro corrido.
+
10 cmVocê paga o que usaFolha de 2,75 m custa 2,80 m, não 3. Pedido mínimo de 1 metro.
+
GrátisReencaixe da folhaSobrou espaço? Refazemos o encaixe e a conta diminui.
+
5 pontosRevisão sem custoErro pego antes de imprimir. Arquivo guardado por 30 dias.
+ +