All projects
Concept redesignConcept, not commissioned2026

Fustis d.o.o.

Open the concept

A concept website for a beekeeping supplier: prices on the home page, a drawing of how a drone frame pulls varroa out, and a calculator that builds the order.

Fustis d.o.o. is not my client and did not commission this website. I made the concept on my own initiative from the text and photos on their public website, so every fact on it is theirs.

Fustis d.o.o.
Page weight
3.36 MB → 0.52 MB
Requests on load
26 → 25
Main content on a phone
15.9 s → 0.8 s

Measured in Chrome on 14 November 2026: phone, throttled 4G and CPU, no cache, median of three runs. Current website first, concept second.

Company
Fustis d.o.o.
Service
Concept website and order calculator

Fustis d.o.o. is a Zagreb company that supplies beekeepers with oxalic acid strips for varroa treatment, cold-rolled worker and drone comb foundation, and concrete hygienic water troughs. They keep bees themselves, with FR hives below Sljeme and in Bilogora. Their customers know the trade and ask: how much do I need, and when does it go in?

What I found

I went through the site on 14 November 2026, on a laptop and a phone.

  • On a laptop, the first screen is logo, menu and an apiary photograph. Product headings start 896 px down, just below a 900 px screen, and the H1 is empty.
  • Prices sit on a separate Products page, retail and trade. For comb foundation the price reads "____€ kg".
  • There's no order form, and the phone number isn't a link on any page, so on a phone it has to be copied by hand.
  • Five of their nine articles on varroa, wax and water return a 404 error, because the file name contains č or đ.
  • On a phone, the site is 6 px wider than the screen, so it also scrolls sideways.

First screen of the current Fustis website on a laptop: logo, menu with the home item highlighted in blue, and a large photograph of an apiary with FR hives in woodland, with the three product images just showing below it

Decisions

Products in the headline, prices on the home page

The headline says only what they sell. Below it sit two buttons and courier delivery to the door, which today appears only beside the price list. Every product on the home page shows its retail and trade price, and comb foundation says "price on request" instead of a blank.

A drawing of the comb

Next to the headline, an LR frame with drone foundation draws itself, dimensioned from their own article: roughly 40 × 20 cm, with a 6.4 mm cell. The comb fills once, a bee lands, and it stays still. The green and honey yellow come from their logo. Every drawing is labelled "Ilustracija" (illustration); the photographs are theirs.

The drone frame in four steps

Their strongest argument, drone foundation as biological varroa control, was buried in a PDF. I turned it into a drawing that follows the scroll: the frame goes into the middle of the brood box, the colony draws it out and the queen lays, varroa moves into the drone cells, the brood is capped and the frame comes out. The wording follows their instructions, and a dial below shows month by month when the trough, strips and drone frame go in.

Third step of the story: an LR frame with drawn, laid drone comb and varroa moving into it, the brood box from above with the frame in the middle, and the heading "Varoa bira trutovske stanice" (varroa chooses drone cells) on the left

A calculator that builds the order

The beekeeper enters colonies, products, treatments and frame type, and orders as a beekeeper or as an association or shop. Using their instructions, it works out packs of strips, the price-list total and a treatment plan. Once a product is chosen it says the enquiry is ready, and one click copies it into the form, which sends it by email to info@fustis.hr.

The calculator for 36 colonies ordering as an association: three packs of strips and one water trough at trade price, 111.74 euros in total, a note that the enquiry is ready to send and the season's treatment plan

A drawing of one 24 × 25 cm sheet cut into eight strips shows why 12 sheets treat 24 colonies.

Oxalic acid strips: their photographs of the pack and of strips in a hive, a drawing of one sheet cut into strips for two colonies, and the prices of 26.10 and 20.88 euros

On a phone

The comb drawing sits under the headline, the drone frame story stays pinned with the drawing above the text, and the phone number is a link throughout.

Three phone screens of the concept: the headline with the comb drawing, the third step of the drone frame story, and the calculation for 36 colonies marked ready to send

First screen on a laptop, with the current Fustis website on the left and the concept on the right

How it's built

Static HTML, CSS and JavaScript, no framework. The drawings are SVG, with the comb generated by a script so the cells match. GSAP animates the first screen and sections, ScrollTrigger pins the drone frame story to the scroll, and Lenis smooths scrolling. Hidden starting states are set only once JavaScript loads, so without it everything is visible and the story becomes a list beside the finished drawing. Reduced motion turns animation off. The calculator and form need no server: the order opens as a ready-made email. All nine article links open. The page is noindex, the JSON-LD holds only their own data plus the Google Maps address, and photographs are WebP with fixed dimensions, loaded as they reach the screen.

What I would do next

I'd first ask the company which address is right (the site says Okrugljak 10, Google Maps Ulica Huga Badalića 26c), what foundation costs per kilo, and whether the trough guarantee is multi-year, as the site says, or lifetime, as one article says. A real project would add a form that sends without an email program, a page per product, and redirects from old addresses, including the five broken articles.

A slot is open right now, get in touch about working together

If you have an idea worth doing properly, the first step is a 30 minute conversation.

No proposal and no pressure. You tell me what you're building, I ask the questions nobody has asked you yet, and by the end you know whether it's feasible, roughly what it costs and what the next step is. Whether or not we end up working together.

Jurica Stublić u radu na projektu