Satchelry

Satchelry is a store and campaign template for fashion, leather-goods and accessories brands launching a collection. The demo house is a fictional leather-goods maker.

The hero is a live 3D house front with sunlight through a tree canopy. Every window is one colourway of the same bag, with shutters painted to match: they open in a wave on load, hovering a window shows its colour and price, and scrolling walks through the centre window to the bag. Further down, the dye room lets visitors click the leather to soak it in a new colour that spreads from the click point, with the grain and stitching intact.

Pages

• Home: 13 sections, including a pinned close-up with spec callouts, a leather-grain torch, workshop steps, a collection grid, a campaign film strip, care and repair, stores with live clocks and a journal

• Collection and a page per piece (CMS) with a Buy button linked to each piece's checkout link

• Workshop, Journal and letters (CMS), Stores, Care, Contact with a form, and a 404

Included: Pieces and Journal CMS collections, a louvred shutter page transition, keyboard support, reduced-motion support, and desktop, tablet and phone layouts.

Buying: after checkout you get the remix link instantly, on screen and by email.