Alarcão Saboaria Artesanal
O site da Alarcão Saboaria Artesanal, ateliê de sabonetes e presentes feitos à mão: as ilustrações botânicas se desenham, os sabonetes passam numa vitrine fixa, um molde se enche para cada coleção, e o formulário de pedido escreve a mensagem do WhatsApp.
- Projeto
- Alarcão Saboaria Artesanal
- Status
- No ar
- Categoria
- Site de produtos artesanais · Animação guiada pela rolagem
Ficha técnica
- Nossa participação
- Design e desenvolvimento do site.
- Competências
- Coreografia de rolagem com GSAP
- Vitrine horizontal fixa na rolagem
- Montagem do pedido pelo WhatsApp
- Versão estática (sem JS, movimento reduzido)
- Tecnologias
- HTML, CSS e JavaScript, sem build
- GSAP (ScrollTrigger, SplitText)
- Lenis
O desafio
Dar a um ateliê de sabonetes e presentes feitos à mão um site que termina onde os pedidos acontecem: numa conversa no WhatsApp.
Decisões de projeto
Uma página estática, sem etapa de build: GSAP, ScrollTrigger, SplitText e Lenis chegam por CDN, e sem eles a página continua completa.
A animação só roda para quem permite movimento e se adapta à largura da tela e ao tipo de ponteiro: as linhas dos títulos sobem de dentro de uma máscara, as ilustrações botânicas se desenham, os sabonetes passam numa vitrine horizontal fixa, um molde se enche para cada coleção, e cada rótulo com letras que rolam mantém um único nome acessível.
O formulário de pedido escreve a mensagem do WhatsApp conforme o visitante escolhe e depois abre a conversa; nada é armazenado.
A experiência
Uma rolagem lenta e perfumada por sabonetes e coleções, que termina com a mensagem do pedido já escrita.
Um bom começo
Tem uma ideia
que merece sair do papel?
Que tipo de projeto você tem em mente?
Escolha um e a mensagem já sai escrita.
Trabalho remoto · atuação nas Américas, Europa, África e Índia
hello@codejtech.dev