Preorderpage

Preorderpage is a clean, modern website template for launching a single physical product and taking preorders. The home page opens on the product in four colourways, and switching a swatch changes the background, the product and the text.

Further down, a pinned section takes the product apart layer by layer as you scroll, followed by a sound section, a close-up of the controls, a colourway grid, an indoor and outdoor toggle, a battery comparison, a spec wall, reviews and a preorder timeline. Each colour has its own Reserve button that links to your checkout from the CMS.

It includes 11 pages: Home, Design, Sound, Specs, Reviews, Preorder, Colour detail, Journal, Journal post, Support (a contact form) and 404, each with desktop, tablet and phone layouts. The CMS holds Colourways (6), Reviews (8), Journal (6) and FAQ (8).

Preorderpage is free. The brand, product and reviews in the demo are fictional; product images are rendered for the template and background photos are licensed from Unsplash.