01Überblick
Söffge Thermografie macht seit 1991 thermische Mängel an Elektroanlagen, Gebäuden und Leitungen sichtbar. Für das Hamburger Unternehmen habe ich den neuen Webauftritt konzipiert, gestaltet und entwickelt und auf dem bestehenden Webhosting live gebracht, ohne einen Eintrag im DNS zu verändern.
02Ausgangslage
Die bisherige Seite hatte den Stand von 2020 und verteilte sich auf 13 Einzelseiten. Unter der Adresse mit www lieferte sie jede Seite ein zweites Mal aus.
03Herausforderung
Thermografie ist erklärungsbedürftig, das Publikum reicht von Instandhaltern und Elektrofachkräften bis zu Hausbesitzern. Gleichzeitig durfte der Wechsel den Mailverkehr nicht gefährden, denn Website und Postfächer hängen an derselben Domain.
04Strategie
Die Seite erklärt das Verfahren über das, was es sichtbar macht. Der Livegang wurde so geplant, dass an der Domain nichts verändert werden musste.
ALivegang ohne Eingriff ins DNS
Statischer Export in das Verzeichnis, in dem die alte Seite lag. Domain und Maileinträge blieben unberührt.
BAlte Adressen erhalten
25 frühere Adressen leiten dauerhaft auf die neuen Bereiche weiter, damit Links und Suchtreffer nicht ins Leere laufen.
CEhrliche Bilder
Stockfotos sind sichtbar als Symbolbild gekennzeichnet. Die thermografische Einfärbung ist gerechnet und wird nicht als Messaufnahme ausgegeben.

05Gestaltung
Zwei Darstellungen, die beide aus dem Beruf kommen: dunkel wie die Wärmebildkamera im Schaltraum, hell wie der gedruckte Prüfbericht. Ohne eigene Wahl folgt die Seite der Uhrzeit. Der Farbverlauf der Thermografie reicht von kaltem Blau bis zum Rot des Logos.
Typografie
IBM Plex Sans für Text, IBM Plex Mono nur für Geräteanzeigen
Farben
- Logo-Rot#E60101
- Gelb#F5C518
- Blau#1E9BE0
- Tiefblau#0A2D78
06Nutzerführung
Eine lange Seite in der Reihenfolge der Fragen eines Auftraggebers: warum Thermografie, was gemessen wird, wo sie zum Einsatz kommt und wie ein Auftrag abläuft.
- Lupe mit Wärmebildansicht im Einstieg
- Leistungsverzeichnis in fünf Bereichen
- Anwendungsgebiete mit Umschalter zwischen Normalansicht und Thermografie
- Ablauf eines Auftrags in vier Schritten
- Telefon auch auf dem Smartphone direkt im Kopfbereich


07Entwicklung
Umgesetzt mit Next.js als statischer Export für das bestehende Webhosting mit Apache. Vor dem Livegang lief die Seite gegen einen echten Apache, auch gegen absichtlich karg eingerichtete Server, damit eine Konfigurationsdatei die Seite nicht lahmlegen kann.
Technologie
Next.js (statischer Export), React, TypeScript, Tailwind CSS, Apache
Besondere Funktionen
- Lupe mit gerechneter Wärmebildansicht
- Hell und dunkel nach Uhrzeit
- Weiterleitungen für 25 alte Adressen
- Abnahmeskript gegen echten Apache
08Ergebnis
Ein Auftritt, der ein technisches Verfahren anschaulich macht und auf dem bestehenden Webhosting des Unternehmens läuft. Seit dem 14. September 2026 ist er auf soeffge.com live.
09Wirkung
0
Cookies
keine Tracker, keine Schriften oder Skripte von Drittanbietern
Quelle: Header und Quelltext von soeffge.com, 15.09.2026
Konkret entstanden
- Neuer Auftritt auf der bestehenden Domain, Maileinträge unverändert
- Keine doppelten Seiten mehr unter www
- Verfahren, Leistungen und Anwendungen auf einer Seite statt auf sieben Einzelseiten


