Consumer Hardware · Sleep Tech
Affectable
A sleep-wearable site that makes a technical product feel calm, tangible, and ready to reserve.
- Scroll-Linked Story
- Reserve Funnel
Overview
Affectable's product site has to sell two things at once: the science behind better sleep, and the feel of it.
Responsibilities
Figma-to-Webflow build, a scroll-linked product sequence, and responsive layout.
Technologies
Figma › Webflow · GSAP · scroll animation · responsive build
Challenge
Shoppers meet an unfamiliar wearable and need both the science and the feel explained across one long, media-heavy page — without losing the way to reserve.
Solution
A warm, lifestyle-led opening gives way to a scroll-linked sequence on how it works, with the reserve button pinned in view the whole way down.
Deliverable
A product site for a sleep wearable, built to carry a technical story through to a reserve action.
Like what you see?
See Affectable live, in the browser.
