/// Referenz · 2026 · Arnstadt
Holz Hartung
Neue Website für einen Brennholzbetrieb bei Arnstadt: Preisrechner mit Holzstapel, Bestellformular in drei Schritten und Umzug von WordPress ins Abo.
Ergebnisse auf einen Blick
Richtpreis sofort, Bestellung in drei Schritten
Vorschau
Am Tag nach dem Fragebogen stand die erste Vorschau online (Fragebogen 24.09., Vorschau 25.09.2026).
Migration
alte WordPress-Adressen per 301 auf die neuen Seiten, dazu www, http und die Vorschau-Adresse
Ladezeit
Lighthouse-Leistung mobil (99 bis 100 in drei Läufen), am Desktop 100. Das größte Element ist mobil nach rund 1,2 Sekunden sichtbar, am Desktop nach 0,4 Sekunden, ohne Layout-Verschiebung (gemessen am 06.11.2026).
Qualität
je für Barrierefreiheit, Best Practices und SEO, mobil und am Desktop (gemessen am 06.11.2026)
Go-live
Umstellung der Domain, SSL-Zertifikat, Weiterleitungen und Sitemap in der Search Console am 05.11.2026
Umfang
statt 8 Menüpunkten, dazu Impressum, Datenschutz, Danke-Seite und 404
Was war der Anlass?
Holz Hartung verkauft Brenn- und Kaminholz aus eigener Produktion. Geliefert wird mit LKW und Hänger, abholen kann man das Holz auch direkt am Hof in Rudisleben bei Arnstadt. Die Anfänge reichen bis 2006 zurück: Damals wurde Kaminholz Hartung gegründet, 2020 folgte Holz Hartung, und im Dezember 2021 ging Kaminholz Hartung in Holz Hartung auf.
Die bisherige Website lief auf WordPress mit einem Standard-Theme bei IONOS. Die Startseite begrüßte mit einem Willkommenstext, einer Aufzählung des Sortiments und einem Slider mit kleinen Fotos von Hof, Holz und Fahrzeugen, das Menü hatte acht Punkte. Die Preise standen als Tabelle auf einer eigenen Seite, zuletzt mit Stand September 2025. Einen Rechner gab es nicht: Was eine Lieferung kostet, mussten Besucher selbst aus Tabelle und Liefermengen zusammenrechnen. Für ein Angebot ging es über ein Formular auf einer weiteren Unterseite.
Vorher und nachher
Dieselbe Seite im selben Ausschnitt: die Startseite am Desktop (1440 × 900 Pixel) und auf dem Smartphone (390 × 844 Pixel). Die alte Seite stammt aus unserer Sicherung vom 24. September 2026, mit der damaligen Theme-Version und den Originalbildern, die neue Seite ist am Go-live-Tag aufgenommen. Zieh den Regler, um zwischen alt und neu zu wechseln.
Was wir konkret gemacht haben
Holz Hartung hat die Website im Abo gebucht, im Paket Starter. Am 24. September 2026 kam der ausgefüllte Fragebogen, am Tag darauf stand die erste Vorschau online. Mit dem Text zur Firmengeschichte, der neuen Preisliste und dem Schreibblock des Betriebs als Vorlage ging die Seite am 5. November 2026 live.
Aus acht Menüpunkten wurden fünf Seiten: Startseite, Brennholz & Lieferung, Preise, Über uns sowie Kontakt & Anfahrt. Öffnungszeiten, Anfahrt und das Angebotsformular liegen jetzt zusammen auf der Kontaktseite. Die Gestaltung greift den Wald auf, aus dem das Holz kommt: Waldgrün als Grundfarbe, dazu Salbei und Stammbraun, und ein Glutorange für die Bestell-Buttons. Überschriften stehen in einer schmalen, kräftigen Schrift.
Technisch ist die Seite ein Astro-Neubau. Die Schriften liegen auf dem eigenen Server und haben angepasste Ersatzschriften, damit beim Laden nichts springt. Die Besucherstatistik läuft ohne Cookies und zählt Bestellungen, Anrufe und Klicks auf den Bestell-Button als Ziele. Strukturierte Daten beschreiben den Betrieb als lokales Unternehmen mit Angebotskatalog und Preisen, eine llms.txt fasst Sortiment und Preise für KI-Assistenten zusammen.
Highlights
-
01
Preisrechner mit Holzstapel
Holz, Scheitlänge, trocken oder vorgetrocknet und die Menge wählen, per Regler oder Eingabe, auch in halben Schüttraummetern: Der Richtpreis steht sofort da. Ein gezeichneter LKW lädt die Menge als Holzstapel und zeigt, welches Fahrzeug passt, ob LKW 3,5 t, LKW 12 t oder Hänger. „Kaminholz bestellen“ übernimmt die Auswahl ins Bestellformular.
-
02
Bestellformular in drei Schritten
Holz, Zubehör, Angaben: Ein Fortschrittsbalken zeigt, wo man steht, und jeder Schritt wird geprüft, bevor es weitergeht. Wer aus dem Rechner kommt, findet seine Auswahl schon eingetragen. Bestellungen landen direkt im Postfach des Betriebs, „Antworten“ geht an den Kunden. Gegen Spam kommt das Formular ohne Captcha aus: mit einem versteckten Feld, einer Zeitsperre, einer Obergrenze für Anfragen und einer Prüfung auf dem Server.
-
03
Scheit im Hero
Auf der Startseite gleitet ein freigestelltes Holzscheit beim Scrollen von der Startfläche bis zu den Buttons, dahinter zeichnet sich eine animierte Strichzeichnung ab. Wer im Betriebssystem reduzierte Bewegung eingestellt hat, sieht das Scheit gleich an seinem Platz.
-
04
Eine Preisquelle für alles
Preistabelle, Rechner, strukturierte Daten und llms.txt lesen dieselbe Preisliste. Kommen neue Preise, ändern wir eine Datei, und alles ist gleichzeitig aktuell.
-
05
Karte im eigenen Design
Statt einer eingebetteten Google-Karte zeigt die Kontaktseite eine Karte aus OpenStreetMap-Daten in den Farben der Website, mit Link zur Routenplanung. Dafür braucht es keine Einwilligung, und beim Seitenaufruf gehen keine Daten an Google.
-
06
Handschrift des Betriebs
Die Waldsilhouette über dem Footer und der Spruch „Wir ❤ Holz!“ stammen vom Schreibblock des Betriebs. So trägt die Website dieselbe Handschrift wie das Papier, das Kunden von Holz Hartung schon kennen.
-
07
Umzug am Go-live-Tag
Elf alte WordPress-Adressen leiten per 301 auf die passenden neuen Seiten, dazu www, http und die Vorschau-Adresse. Die Domain blieb bei IONOS, umgestellt wurde nur die Adresse der Website, die Postfächer blieben unverändert. SSL-Zertifikat und Sitemap in der Search Console waren am selben Tag eingerichtet.
Kennzahlen und Kontext
| Kennzahl | Wert |
|---|---|
| Vorschau | 1 Tag |
| Migration | 11 |
| Ladezeit | 99/100 |
| Qualität | 100/100 |
| Go-live | An einem Tag |
| Umfang | 5 Seiten |
Stand — Kennzahlen stammen aus Plausible, Google Search Console, Google Business Profile oder direktem Kunden-Feedback.
Screenshots aus dem Projekt
Tech-Stack
Was wir hier eingesetzt haben
Ähnliches Projekt im Kopf?
Buch ein kostenloses 30-Minuten-Erstgespräch — oder starte direkt mit deiner Website im Abo. Wir geben dir eine ehrliche Einschätzung — auch wenn wir nicht passen.
Weitere Projekte
Andere Referenzen zum Stöbern
Webdesign + WordPress-Entwicklung
microsensys GmbH
Webdesign + WordPress-Entwicklung
Sparkasse Meissen
Webdesign + SEO
lf-harvesting.de