Alarcão Saboaria Artesanal
The website of Alarcão Saboaria Artesanal, a maker of handmade soaps and gifts: botanicals draw themselves, the soaps pass in a pinned line-up, a mould fills for each collection, and the order form writes the WhatsApp message.
- Project
- Alarcão Saboaria Artesanal
- Status
- Live
- Category
- Handmade goods website · Scroll-driven motion
Project facts
- Our role
- Designed and built the website.
- Capabilities
- GSAP scroll choreography
- Pinned horizontal line-up
- WhatsApp order builder
- Static fallback (no JS, reduced motion)
- Stack
- HTML, CSS and JavaScript, no build
- GSAP (ScrollTrigger, SplitText)
- Lenis
The challenge
Give a maker of handmade soaps and gifts a site that ends where the orders happen: in a WhatsApp chat.
Decisions
A static page with no build step: GSAP, ScrollTrigger, SplitText and Lenis arrive from a CDN, and without them the page is still complete.
Motion runs only for visitors who allow it and adapts to screen width and pointer: title lines rise from a mask, botanicals draw themselves, the soaps pass in a pinned horizontal line-up, a mould fills for each collection, and every rolling label keeps a single accessible name.
The order form writes the WhatsApp message as the visitor chooses, then opens the chat; nothing is stored.
The experience
A slow, scented scroll through soaps and collections that ends with the order message already written.
A good place to start
Have something
worth building?
What kind of project do you have in mind?
Pick one and the message is written for you.
Remote-first · working across the Americas, Europe, Africa and India
hello@codejtech.dev