Thomas Wilmes – Website & Mailserver für ein Ingenieurbüro

Neuaufbau für ein Ingenieurbüro für Fernüberwachung von Windenergieanlagen: vorgerenderte React-Website auf Deutsch und Englisch, 3D-Modelle mit three.js, interaktiver Schaltschrank-Planer, eigener Formular-Dienst und ein Mailcow-Mailserver im Firmen-Look.

Das Thomas Wilmes Ingenieurbüro baut und modernisiert herstellerunabhängig die Datenanbindung von Windenergieanlagen: Datenbankserver, LIVE-Displays, Mobilfunk- und LWL-Anbindung, Direktvermarktung über EMSYS und die Einbindung von Abschaltsystemen. Die alte Website lief auf WordPress mit GeneratePress, Elementor und einem leeren WooCommerce-Shop — schwer zu pflegen, langsam und ohne klare Struktur für die sieben Leistungsbereiche. Betreiber und Direktvermarkter sollten schneller verstehen, was das Büro konkret leistet, auch auf Englisch. Dazu kamen eine eigene E-Mail-Infrastruktur und ein Kontaktweg, der ohne Datenbank und ohne fremde Dienste auskommt.

Wir haben die Seite komplett neu aufgebaut: Vite, React 19 und TypeScript mit React Router, jede Route wird beim Build zu fertigem HTML vorgerendert und danach hydriert. Kein CMS, kein PHP — ausgeliefert werden statische Dateien, alle Texte liegen typisiert im Code. Die Gestaltung orientiert sich an der Branche: dunkler Auftakt mit Video, ein einziger orangefarbener Akzent aus dem Firmenlogo, Monospace-Schlagzeilen und der Dreiblatt-Rotor der Wortmarke als Linienzeichnung. Für die Technik gibt es eigene Darstellungen: ein Windrad und ein Maschinenhaus als echte 3D-Modelle mit three.js, gezeichnete Geräte-Szenen der eingesetzten Steuerungen und einen interaktiven Schaltschrank-Planer, in dem Besucher Komponenten in einen Schrank setzen und verkabeln — der Planungsstand bleibt auf Wunsch im Browser gespeichert. Dazu fünf Fachbeiträge, alles auf Deutsch und Englisch, mit eigenen Titeln, strukturierten Daten und Sitemap je Route. Das Kontaktformular läuft über einen eigenen kleinen Node-Dienst: Spam-Schutz per ALTCHA (Proof-of-Work statt Bilderrätsel), Ratenbegrenzung, Versand per SMTP mit Pflicht-TLS und DKIM — es wird nichts gespeichert, und die Logs enthalten keine Adressen. Website, Formular-Dienst und ein Mailcow-Mailserver laufen gemeinsam auf einem eigenen, gehärteten Server mit Coolify. Webmail und Anmeldung unter mail.thomas-wilmes.de tragen das Firmen-Design, die Verwaltung ist von außen gesperrt, und nächtliche Updates halten System, Mailserver und Container aktuell.

• React 19 · TypeScript

  Komponenten, Routing mit React Router
• Vite + Prerendering

  Jede Route als fertiges HTML ausgeliefert
• three.js

  Windrad und Maschinenhaus als 3D-Modelle
• Schaltschrank-Planer

  Eigene Engine, Komponenten setzen und verkabeln
• ALTCHA

  Spam-Schutz ohne Bilderrätsel und ohne Tracking
• Mailcow

  Eigener Mailserver mit Webmail im Firmen-Look
• Coolify + Caddy

  Eigener, gehärteter Server mit nächtlichen Updates

Das Ingenieurbüro hat jetzt einen Auftritt, der zur eigenen Arbeit passt: technisch präzise, schnell und auf Deutsch wie Englisch verständlich. Die sieben Leistungen sind klar gegliedert, 3D-Modelle und Schaltschrank-Planer machen sichtbar, was sonst im Turmfuß verborgen bleibt, und Anfragen kommen über ein Formular ohne Tracking-Dienste an. Mit eigenem Mailserver, gesperrter Verwaltung und automatischen Updates liegt die gesamte Infrastruktur in einer Hand — ohne WordPress-Wartung und ohne Abhängigkeit von einem Baukasten.