Skip to content

Consumer Hardware · Sleep Tech

Affectable

Sleep-wearable product site that makes a technical proposition feel calm, tangible, and ready to reserve.

Affectable website — Consumer Hardware · Sleep Tech, built in Webflow

Overview

Affectable's product site has to sell two things at once: the science behind better sleep, and the feeling of it.

Responsibilities

Figma-to-Webflow build, scroll-linked product sequence, and responsive layout.

Technologies

Webflow · JavaScript · GSAP · custom interactions · responsive build.

Challenge

Shoppers meet an unfamiliar sleep wearable and need both the science and the feel explained across one long, media-heavy page — without losing the path to reserve.

Solution

A scroll-linked sequence walks through how the product works after a warm, lifestyle-led opening, and the reserve action stays pinned in view the whole way down.

Deliverable

A responsive Webflow 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.

Visit live site
All work