SOTA.
A website for a family apiary: a bee leads you from flower to jar, and you can choose and order honey without leaving the page.
Scroll inside the frame to explore the live site
Show why this honey is different
Honey on a shelf all looks the same. The site had to tell the story of the process so people feel the difference before buying, and lead them quickly to an order.
A moving story and a simple shop
One bee flying through the whole page and a clear honey colour scale. Then varieties, a bloom calendar and a cart.
- Name, mark and a warm honey palette from scratch
- Bee animation driven by scrolling
- Shop with six varieties and a Pfund colour scale
- Bloom calendar, cart and checkout
Colour and type
Honey yellow, wax and a dark buckwheat tone. The serif adds warmth, and the mono type keeps numbers in order: moisture, temperature, price.
#F4B520#D98E0F#FFF7DF#FBE9B4#4E6B2C#2A1709An expressive serif with the feel of a printed label.
A clean grotesque for descriptions and buttons.
Mono type for temperature, weight and prices.
A bee that leads
One flight through three scenes: flower, comb, jar. Frames change as you scroll, so the page feels like a short film.
Nectar becomes honey
The bee lands on a linden blossom, and the journey of the honey begins.
The bee decides when honey is ready
Cells are sealed with wax only when the honey has matured.
From comb to glass
Honey runs off the frame by itself, with no heating. That keeps the linden aroma.
Six varieties
Varieties follow the Pfund scale: from clear acacia to almost black buckwheat. Colour hints at taste, so choosing is easy.
Tablet and phone
The site adapts to every screen, and the bee animation works on a phone too. Scroll inside the frames.
Everything from scratch
From the name to the “Confirm order” button. Every detail supports a feeling of craft and warmth.
- 01
Name and style
SOTA: short, warm, about honeycomb and order.
- 02
Scroll story
One bee and three scenes that change with the page.
- 03
Shop with Pfund scale
Six varieties, 250 and 500 g jars, a cart.
- 04
Bloom calendar
When bees gather nectar for each variety.
- 05
Process honeycomb
Six steps that fill the comb as you scroll.
- 06
Subscription and checkout
A honey box and a multi-step demo order.
Want a site like this?
Tell us about your business and we will suggest how to present it so clients want to order.