Tonnenschwere Tore,
federleicht inszeniert.

Die Hild-Moser Tore + Service GmbH aus Sinn im Lahn-Dill-Kreis fertigt und montiert Toranlagen für Industrie und öffentliche Hand – von Sektional- und Falttoren über Brandschutztore bis zu Hangartoren in Übergrößen. Zu den auf der Website dokumentierten Projekten zählen Toranlagen für die Flughäfen Frankfurt und München, zahlreiche Feuerwachen und der NATO-Fliegerhorst Nörvenich.

Die Herausforderung: ein erklärungsbedürftiges B2B-Portfolio so zu strukturieren, dass Bauämter, Planer und Industriekunden schnell zur passenden Lösung finden – und dabei die Dimension der Projekte spürbar zu machen, ohne den Auftritt zu überfrachten.

Die Antwort ist eine Corporate-Website auf WordPress-Basis, umgesetzt mit dem Oxygen Builder. Ein Mega-Menü führt in neun eigenständige Produktwelten, jede mit großformatiger Fotografie, technischen Merkmalen und passenden Referenzen. Scrollgesteuerte GSAP-Animationen mit ScrollSmoother und SplitText setzen Inhalte präzise in Bewegung, canvasbasierte Bildsequenzen laufen beim Scrollen Frame für Frame ab und geben zentralen Motiven Tiefe.

Eine eigene Seite adressiert öffentliche Auftraggeber mit den entscheidenden Kriterien: Kosteneffizienz, termingerechte Abwicklung, optionale 24h-Reaktionszeit. Der Referenzbereich zeigt realisierte Großprojekte in ausführlichen Bildstrecken, der Servicebereich bündelt Wartung, Reparatur, Ersatzteile und Montage. Ein Karrierebereich mit aktuellen Stellenanzeigen und ein Kontaktformular mit Spamschutz runden den Auftritt ab, Caching und Minifizierung halten die animationsreiche Website schnell.

Über die Corporate-Website hinaus entstand eine eigenständige Kampagnen-Landingpage zum Einbruchschutz: einbruchhemmende Toranlagen der Widerstandsklasse RC3 nach DIN EN 1627 – für Feuerwehren, Kommunen und Betreiber kritischer Infrastruktur. Die Seite übersetzt die abstrakte Norm in eine klare Dramaturgie: vom nächtlichen Lagebild dokumentierter Einbruchserien über den interaktiven Vergleich der Widerstandsklassen RC0, RC2 und RC3 bis zum mehrstufigen Anfrageformular in vier Schritten.

Technisch bewusst reduziert: handcodiertes HTML, CSS und Vanilla-JavaScript ohne externe Abhängigkeiten, AVIF- und WebP-Bilder, Lazy Loading, eine strikte Content-Security-Policy und strukturierte Daten nach Schema.org. Tastaturbedienung, prefers-reduced-motion und Progressive Enhancement halten die Seite auch ohne Animationen voll nutzbar.