Morrow Honey

Morrow Honey is a concept for a small honey producer: wildflower, heather and spring blossom honey, cut comb and two gift sets, sold on the idea of a slower morning. The brief we set ourselves was a shop that feels as warm and unhurried as the product, and still makes buying a jar quick.

It runs to nineteen pages: the home page, the shop, a page for each of the six products, the basket and checkout, the story, three field notes, questions, contact, privacy and a page for wrong turns. The look is cream and forest green with amber glass and gold lids, a high-contrast display serif against a clean sans, and warm, softly lit product images with one jar to a frame.

The thread running through it is a bee. It follows you down the home page and stops on the way: on the rim of the jar in the opening photo, on a daisy in the meadow, on the lid of a jar in the product row and on the breakfast toast.

Food and gift shops often lean on decoration: borders, badges and flourishes that make a page busier without making the product more appetising. Morrow needed one idea with enough charm to carry the brand, and the restraint to stay out of the way of the jars.

Movement that follows the scroll is easy to overdo. A bee that drifts across headings and prices for no reason soon becomes something to put up with. It had to feel alive, face the way it is flying, land somewhere that means something, and keep still for anyone who prefers less motion. Underneath, it had to be a working shop, with filters, a basket that remembers what is in it and a checkout that is honest about being a concept.

The bee is a clean cut-out, with its wings on layers of their own so they beat as it flies. As you scroll it flies a path down the home page, tilting into its turns, and it always faces the way it is travelling, so it never flies backwards. Each time one of its four perches comes into view it flies over, hovers for a moment, settles and rides up the page with it, then lifts off again as you carry on.

The Pause motion button leaves it resting still on the nearest perch, and visitors who prefer reduced motion find it resting from the start, as if it were part of the picture. On a phone its path is worked out from the page itself, so it stays wholly on screen and keeps off the text where it can, fading gently where it cannot.

Every product has its own image in all four places it appears: the home page, the shop, its product page and the basket. The comb honey shot was wider than the others, so its plain backdrop was extended above and below to match them without cropping the jar. Each product page adds where the honey comes from, its season and texture, what it goes with and two more jars from the same hives.

The shop filters by runny, set, comb and gifts, searches by name and sorts by price. The basket keeps quantities and a running total, with free delivery over £35, and the checkout and contact form both say plainly that nothing is sent. The story, field notes and questions are written the way a real producer would write them.

Build. Nineteen static pages in plain HTML and CSS, with one small JavaScript file and no framework. Images are served as WebP at the sizes the layout uses, the fonts are served from the site itself, and the concept makes no third-party requests. Linked form labels, visible focus, a skip link and a menu that says whether it is open keep it usable from the keyboard and with a screen reader.

Morrow Honey is a self-initiated concept by WebWork Software. It carries a small food brand’s story from the first screen to the basket, and keeps everything a shopper needs in plain view.

Morrow Honey shows that one well-chosen moving idea can give a small shop a personality without slowing anyone down. The bee gives the home page a reason to scroll, the product pages give each jar a story, and the shop, basket and checkout all work as they should on a desktop or a phone.

It’s built for food, drink and gift producers who sell a small range online and want the website to feel like the product. The catalogue, basket and checkout can be connected to a real shop.