Skip to content
KSK IT

Case study · Haltern am See, Germany

B³ Quarzsandwerke: from security cameras to a motion-rich website

B³ Quarzsandwerke, a quartz sand works in Haltern am See, is a returning client. We installed security cameras, set up the weighing software for the truck scale, rolled out laptops and manage hosting and the domain. The latest project: a premium, motion-rich website.

Visit quarzsandwerke.de See the directions story
Client
B³ Quarzsandwerke GmbH
Industry
Quartz sand, fill sand, topsoil and soil recycling
Location
Haltern am See, Germany
Relationship
Returning client, several projects
New website
Live since September 2026

The website in one pass

Animated hero of quarzsandwerke.de with a dump truck, an excavator and the headline “Quarzsand und Mutterboden ab Werk”
Motion design A full pass through quarzsandwerke.de: from the scroll-driven hero of 3D rendering, photography and AI imagery to products, test reports and the animated directions.

One partnership, many projects

The website is not where it started but the latest chapter. The partnership began with the technology on the works site. Today, B³ Quarzsandwerke has one contact for cameras, the scale, workstations and the web.

Services involved IT Services & Infrastructure Websites & Web Development

  1. Security cameras

    Installation and ongoing administration of the security cameras on the works site.

  2. Truck scale weighing software

    Setup of the DoProfi weighing software at the vehicle scale where every truckload is weighed.

  3. Laptops and workstations

    Procurement, setup and handover of the laptops, ready to use from day one.

  4. Hosting and domain

    Domain, hosting, SSL certificate and ongoing updates from one partner.

  5. New website

    Latest project

    The latest project: a website with motion design, clear structure and short load times.

On top of that come the everyday IT tasks, from new accounts to quick help when something gets stuck.

An excavator loading sand into a dump truck in the B³ Quarzsandwerke pit, a still from the website’s hero film

The website: premium, animated, fast

The new website had to show the works as it is: big, dusty and impressive. The hero blends 3D rendering, photography and imagery created with the latest AI models into a film sequence that plays as you scroll.

Beneath the surface, the site is clearly structured: six products with grain size, use case and a test report as PDF, a dedicated soil recycling page, a guide for truck drivers from the entry to the exit scale, the history of the Bücker, Blass and von Bormann families, plus directions and contact.

Scroll-driven hero film

3D rendering, photography and AI-generated imagery merged into a sequence that follows your scroll.

Typography in motion

Large headlines build letter by letter as you scroll; content glides calmly into view.

Fast despite the motion

Optimized image sequences and lean code: a Lighthouse performance score of 100 (desktop).

Directions as a scroll story

The map moves with you.

Hardly any truck driver finds the entrance of a sand pit at the first attempt. So the website tells the way in step by step: as you scroll, the route draws itself on the map, from the motorway to the gate.

  1. 01 A43 to exit 7
  2. 02 Towards Sythen
  3. 03 Right after 700 metres
  4. 04 On to the entrance
Animated directions map on quarzsandwerke.de showing the route from the A43 to the entrance of the pit
The directions section on quarzsandwerke.de: the route builds up as you scroll.

  • A route you scroll along

    Each step of the directions moves the map a little further.

  • A custom map

    Drawn from OpenStreetMap data in the look of the brand.

  • No Google Maps embed

    No cookies and no third parties when the page loads.

  • Coordinates for the sat nav

    Copy them or open them straight in a navigation app.

Inside the website

Product overview with grain sizes, material class and test reports
Product overview with grain sizes, material class and test reports
Soil recycling: acceptance criteria and material classes
Soil recycling: acceptance criteria and material classes
Company history of the Bücker, Blass and von Bormann families
Company history of the Bücker, Blass and von Bormann families
Contact with phone, scale hours and form
Contact with phone, scale hours and form

Fully responsive, motion included

The website is fully responsive and built mobile-first. The hero film, scroll animations and the animated directions run smoothly on phones too, because drivers and dispatchers are usually on the road. Fast load times and clean Core Web Vitals also help visibility on Google.

  • Designed and built mobile-first
  • Animations on smartphones too
  • Phone and directions one tap away
  • Fast to load, good for SEO
Product overview on a smartphone
quarzsandwerke.de on a smartphone: the whole page in one pass, with the hero film and the animated directions
Truck driver page on a smartphone

Measured with Google Lighthouse

Performance (desktop)
100
Accessibility
100
Best practices
100
SEO
100

Audit of quarzsandwerke.de on September 26, 2026.

The result

B³ Quarzsandwerke has one dependable partner for all of its IT: from the cameras on site and the scale to the workstations and a website that showcases the works in style and answers the key questions for customers and drivers.

Visit quarzsandwerke.de

Looking for an IT partner who sticks around?

Cameras, industry software, workstations or a website: tell us what is coming up. We are happy to visit you in person.

  • < 24 h response to inquiries
  • Fixed price for the agreed scope
  • We come to you in person
Free initial consultation +49 208 78019057 Message us on WhatsApp