The Honey Shelf
Nine jars of Greek honey on one sideways shelf under a soft light, some high, some low, all leaning. The wheel slides the shelf, the labels roll round the glass as the jars travel, and the jar under the light takes the stage with its name and story.
The Honey Shelf is a complete farm shop website concept built around one idea: the products are the shelf. Nine jars stand in a sideways row under a warm sun glow, each a little higher or lower and leaning its own way. The wheel slides the shelf, the labels roll round the glass as the jars travel, and whichever jar lands under the light stands up straight with its name and story beneath it.
How it works
The page is a shelf. Nine jars stand in one long row, each set a little higher or lower than its neighbour and leaning a different way, the way jars look when a hand has just put them down. The scroll wheel does not move the page down, it slides the shelf sideways, and the jar that arrives under the light straightens up, grows a touch and takes the stage while its name, its region and a short description crossfade beneath it. Let go of the wheel and the shelf settles on the nearest jar on its own, so a visitor never stops between two bottles. Every jar is one straight on photograph, yet the labels turn: the label is read off the front of the glass, unwrapped into a flat strip, and drawn back onto a cylinder a column at a time at whatever angle the shelf has carried the jar to. Under the light the angle is zero and the drawing matches the photograph. Behind the row the name of the current honey drifts in giant ghosted serif at half speed, so the shelf has depth without a 3D model. Arrow keys, the corner arrows and a swipe on a phone all walk the same shelf.
Who it fits
Built here for a fictional Greek honey farm, it fits anything sold in a row of jars, bottles or tins: honey, jam, olive oil, coffee, tea, sauces, candles, skincare. The theme is a farm in the morning, cream paper, a warm light above and a soft glow on the floor, but the shelf works just as well dark.
Why it sells
A product grid makes every item the same size and asks the visitor to choose. A shelf makes them look at one thing at a time, the way a shopkeeper hands you a jar, and the rolling label gives a single photograph the feel of a turntable without the cost of one. The motion also does the selling: nobody scrolls past a jar that is turning toward them.
Recommended for
- Honey, jam and preserve makers
- Olive oil, coffee and tea brands
- Farm shops and delis
- Candles, skincare and anything sold in jars
Common questions
How do the labels roll if each jar is a photo?
The page reads the label off the front of the glass in the photograph, unwraps it into a flat strip, and redraws it onto a virtual cylinder column by column at the angle the shelf has turned the jar to. The lid and the glass stay still, only the paper turns, which is how a real jar on a turntable looks.
Does it need a 3D model or a turntable shoot?
No. One straight on cutout per product is enough. If you want the whole jar turning, glass and lid included, that is the 3D route with a turntable render of sixty to a hundred frames per product, and the same page can play those instead.
What happens if someone stops scrolling between two jars?
The shelf settles on the nearest jar by itself a moment after the wheel stops, so the words beneath always describe the jar under the light. Arrow keys and the corner arrows step one jar at a time.
How many products suit a shelf like this?
Six to twelve is the sweet spot. Fewer and the sideways walk feels short, more and the visitor loses track. Each product needs one cutout photo, a name, a line about where it comes from and a short description.