Seleção da madeira, com a peça escolhida marcada e datada
O roteiro
O movimento, mostrado — não descrito
Cada cena abaixo está rodando nesta página. Role e veja o que o visitante vai ver; ao lado de cada uma, o que aquele movimento faz pela leitura.
Aprovar movimento por texto é como aprovar música por partitura: funciona para quem lê partitura. Por isso este roteiro não descreve os efeitos, ele os executa — com o conteúdo do seu projeto dentro. O que você aprova aqui é o que vai para o site, e cada cena vem com a resposta que quase nunca aparece: o que acontece quando a pessoa pediu para não ver movimento.
6
cenas
5
efeitos diferentes
6
cenas esperam conteúdo seu
6 cenas com 5 efeitos diferentes. Todas as cenas desta página estão rodando de verdade enquanto você rola — não é descrição de movimento, é o movimento. 6 cenas dependem de conteúdo seu para ficar de pé.
As cenas
Ir direto para uma cena
cena 01
Abertura
Revelar ao entrar
Instrumentos que passam de geração em geração
A primeira tela precisa dizer o que é, para quem, e por que este e não outro — antes de qualquer movimento.
Madeira selecionada e curada por dois anos antes do primeiro corte
Montagem feita à mão, uma peça por luthier
Regulagem final em sala tratada, com o instrumento afinado
Para que serve o movimento
Entrega o argumento em três tempos em vez de despejar tudo de uma vez: a pessoa lê a frase, depois os três apoios. Sem isso, o olho bate no bloco inteiro e escolhe não ler nada.
Sem movimento, a pessoa vê
Os quatro blocos aparecem juntos, na mesma ordem e com o mesmo texto. Nada some.
O que você envia
- Três fotos do ateliê em alta resolução
- A frase de abertura aprovada pelo Paulo
cena 02
O processo
Fixar e deslizar
Do tronco ao palco, sem pular etapa
O argumento fica parado à esquerda enquanto as etapas passam ao lado.
Cura de dois anos em ambiente controlado
Corte e entalhe, um luthier por instrumento
Montagem e ajuste de tensão
Regulagem final e teste em sala tratada
Para que serve o movimento
Mantém a promessa à vista enquanto as provas passam. Quem chega no meio da rolagem continua sabendo do que a lista está falando — é o problema que uma lista solta cria.
Sem movimento, a pessoa vê
O argumento aparece uma vez no topo e as etapas viram uma lista numerada abaixo dele, na mesma ordem.
O que você envia
- Fotos de cada etapa, ou autorização para fotografarmos no ateliê
cena 03
O ateliê
Paralaxe
Onde a peça passa mais tempo do que na loja
Duas camadas atrás do texto se movem em velocidades diferentes, dando profundidade sem tirar a palavra do lugar.
Para que serve o movimento
Dá sensação de espaço à cena — o que uma foto chapada não dá — sem empurrar o texto, que continua parado e legível durante toda a rolagem.
Sem movimento, a pessoa vê
A cena aparece como uma imagem parada, com o mesmo texto por cima. Nada de informação depende do movimento.
O que você envia
- Uma foto ampla do ateliê, sem pessoas, para a camada de fundo
cena 04
Os números
Número que sobe
O que sustenta o preço
Os números sobem quando entram na tela — e param no valor real.
24meses de cura antes do primeiro corte
1luthier por instrumento, do começo ao fim
40anos de ateliê
Para que serve o movimento
Faz o número ser lido como resultado, e não como enfeite de fundo. O movimento dura menos de um segundo e termina no valor exato, que é o que vai ser lembrado.
Sem movimento, a pessoa vê
Os números aparecem já no valor final, sem subir. O valor é o mesmo.
O que você envia
- Confirmação dos três números com o Paulo — eles vão no ar assinados
cena 05
Como escolher
Foco sequencial
Três perguntas antes de decidir
Cada passo acende quando chega a vez dele.
Para que uso: estudo, palco ou gravação — cada um pede uma resposta diferente
Que tamanho cabe em quem vai tocar, medido, não estimado
Quanto tempo você tem: peça pronta sai em dias; encomenda, em meses
Para que serve o movimento
A ordem importa: quem pula a primeira pergunta escolhe errado na terceira. O foco conduz a leitura em sequência, sem esconder o que veio antes.
Sem movimento, a pessoa vê
Os três passos aparecem todos acesos, numerados, na mesma ordem.
O que você envia
- Revisão das três perguntas pelo time de vendas
cena 06
Fechamento
Revelar ao entrar
Venha experimentar antes de comprar
O convite fecha a página com o mesmo movimento da abertura — a leitura começa e termina do mesmo jeito.
Agende uma visita ao ateliê
Fale com um luthier por WhatsApp
Para que serve o movimento
Repete o gesto da abertura para fechar o arco. É o único lugar em que repetir o efeito ajuda: a pessoa reconhece que a página acabou.
Sem movimento, a pessoa vê
O bloco de convite aparece parado, com o mesmo texto e o mesmo botão.
O que você envia
- Horário de visitação e o número que recebe as mensagens
Como isto se comporta
O movimento tem limite, e o limite está escrito
Três garantias que valem para todas as cenas acima — e que você pode conferir agora, nesta página:
Quem pediu para não se mover
Com “reduzir movimento” ligado no sistema, nenhuma animação roda: todo conteúdo aparece parado, na mesma ordem. É o que está escrito em cada ficha de cena.
Navegador sem suporte
Onde o navegador não tem animação por rolagem, a página não fica quebrada nem vazia: os blocos aparecem por outro caminho, e o conteúdo é o mesmo.
Peso
Sem biblioteca de animação e sem arquivo externo: o movimento é do próprio navegador, em propriedades que não recalculam o layout. É o que permite manter isso de pé no celular.
Leitura
O movimento carrega a leitura, não a decora
As cenas usam efeitos diferentes entre si, e isso é decisão, não variedade: efeito repetido deixa de ser notado e só sobra o custo. A abertura e o fechamento usam o mesmo, de propósito — é o que fecha o arco e avisa que a página acabou. Duas cenas dependem de material que ainda não temos: as fotos do ateliê e a confirmação dos números. Sem elas, essas duas entram no ar com o movimento certo e o conteúdo errado, que é pior que sem movimento nenhum.
Próximos passos
- Rolar esta página inteira no celular e no computador e dizer o que incomoda.
- Ligar “reduzir movimento” no sistema e rolar de novo: é assim que parte do público vai ver.
- Confirmar os números que aparecem na cena de contagem — eles vão assinados.
- Enviar as fotos do ateliê, que são o que falta para duas cenas ficarem de pé.
O arquivo cenas.csv tem o mesmo roteiro em tabela, com o efeito, a função e a alternativa sem movimento de cada cena.