Turning a single product into an interactive 3D experience

Six flavours appear one after another, each with its own colour. A hand drags the popsicle and it wobbles like jelly, then takes a bite out of it. Choosing a flavour recolours the whole page. Flavour cards squish as popsicles fly into the cart. A box of six is built with a live price, the cart shows allergens on every line, and checkout offers pickup or delivery in a two-hour slot. The order is paid with Stripe in test mode and shows up as a paid order with its number. The video has no sound.

Stielvoll is a concept brand we designed and built to show this kind of product. The shop takes no real orders, has no real certification, and payments run in Stripe's test mode.

Small food brands need a shop that feels like their brand, not a template. Most shop templates look the same, and the product — the one thing that actually makes the brand — ends up as a flat photo in a grid.

• A real-time 3D jelly popsicle

  Drag it and it wobbles like jelly; tap it and you take a bite. It runs smoothly in the browser, including on phones.

• A box builder with live pricing

  Mix six or twelve popsicles in any combination and watch the price and savings update as you go.

• Stripe checkout

  Pickup or same-day delivery within a two-hour window, paid through Stripe Checkout, with pricing calculated server-side.

• Allergens on every flavour

  Ingredients in order of quantity, with allergens emphasised the way EU labelling expects.

• German and English

  Every page and every message in both languages, plus an orders page for the shop.

• Next.js
• React Three Fiber
• Stripe
• Supabase

The popsicle runs on a small, hand-written soft-body simulation — a lattice of springs — rather than a video or a heavy physics library, which keeps it smooth and light enough for mobile.

• →We build a complete product, from a playful front end to a paid order in the admin.
• →We can make the product itself the experience, in real-time 3D, without slowing the shop down.
• →We handle the unglamorous parts properly: payments, time slots, allergens, two languages.