Fashion website concept · MARLOWE
The Rail
Scroll and a clothing rail slides across the screen. Each time a shirt stops alone, a dark panel fills the side with the shirt on a model, its details and the price.
This is the real website, not a video. Scroll inside it and watch the lineup move.
The Rail is a complete menswear website concept in which the shop is a clothes rail sliding past the camera. Scroll, and the rail moves. Each time a shirt stops hanging alone in front of you, a dark panel fills the side of the screen with that shirt worn by a model, its description, fabric, price, colours and sizes, and an add to cart button. Scroll on and the rail carries the shirt away and brings the next one. Three shirts, one scroll, and the product page arrives beside the product instead of replacing it.
How it works
The rail was filmed as one continuous slide and cut into four clips, each ending with a single shirt hanging alone and each beginning on the exact frame the previous one ended on. The hero is a tall section with the video pinned inside it, divided into four scroll bands. Scrolling into a band plays its clip, and when the clip ends the rail is holding on one shirt, so a dark overlay slides in from the side with that shirt on a model, a description, fabric, price, colours, sizes and add to cart. The overlay stays off the middle of the screen so the shirt on the rail is never covered. Scrolling back to an earlier shirt plays nothing: the page simply shows the following clip paused on its first frame, which is that shirt alone. On phones the overlay becomes a strip below the shirt, with the model photo beside the words.
Who it fits
Built here for a fictional shirt label, it suits any brand that sells a short, considered range: menswear and womenswear labels, tailors, sneaker drops, eyewear, even ceramics on a shelf. The rail can be a real rail, a shelf or a runway; what matters is one continuous camera move with a clear stop on each hero piece.
Why it sells
Most fashion sites separate discovery from detail: a grid, then a product page. The Rail folds them into one motion, so the visitor sees the garment in the room, then on a body, then the price, without a page change. Holding the shirt in the middle and keeping the panel to the side means the product is always the biggest thing on screen, which is exactly how a good shop is lit.
Common questions
What makes the rail move?
Your scrolling. The hero is several screens tall with the video pinned, and each quarter of that height is one clip. Enter a quarter and its clip plays; stop scrolling and the rail holds on whichever shirt it reached.
Why is the product panel dark and to one side?
So it never competes with the shirt. The shirt hangs in the middle of the frame and the panel takes the side in a translucent dark overlay, which reads as part of the room rather than a pop up covering it.
Can I scroll back to a shirt I passed?
Yes, and it is instant. Because every clip begins on the frame the last one ended on, showing an earlier shirt is just holding the next clip on its first frame. Nothing replays, the rail simply stops on that shirt again.
What does it need from a brand?
One continuous video of the rail with a clear stop on each hero piece, cut at those stops, plus a photo of each piece on a model. Three to five pieces is the sweet spot for one scroll. We can produce the footage and the model photography in house.