Söffge ThermografieLive

Ein Messverfahren, verständlich gemacht

Neuer Webauftritt für einen Hamburger Dienstleister für Thermografie, seit 1991 für Gewerbe und Privat im Einsatz, live auf dem bestehenden Webhosting.

Leistungen
Konzeption, Webdesign, Textüberarbeitung, Development, Relaunch & Weiterleitungen
Branche
Thermografie · MessdienstleistungHamburg
Jahr
2026
Startseite von Söffge Thermografie: Überschrift „Sehen, was verborgen bleibt.“ mit Lupe in Wärmebildansicht über einem Schaltschrank, als Symbolbild gekennzeichnet
Söffge-Startseite auf dem Smartphone: Überschrift, Kurzbeschreibung und Lupe in Wärmebildansicht mit Symbolbild-Hinweis

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.

  1. ALivegang ohne Eingriff ins DNS

    Statischer Export in das Verzeichnis, in dem die alte Seite lag. Domain und Maileinträge blieben unberührt.

  2. BAlte Adressen erhalten

    25 frühere Adressen leiten dauerhaft auf die neuen Bereiche weiter, damit Links und Suchtreffer nicht ins Leere laufen.

  3. CEhrliche Bilder

    Stockfotos sind sichtbar als Symbolbild gekennzeichnet. Die thermografische Einfärbung ist gerechnet und wird nicht als Messaufnahme ausgegeben.

Söffge Thermografie: Leistungsverzeichnis in fünf Bereichen
Leistungen

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
Söffge Thermografie: Anwendungsgebiet Elektrische Anlagen in der gerechneten Thermografie-Ansicht, mit Umschalter und Hinweis „Symbolbild. Keine Messaufnahme.“
Anwendungen
Söffge Thermografie: Ablauf in vier Schritten von der Bestandsaufnahme bis zur Dokumentation
Verfahren

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

Nächstes Projekt

Flo Creates

Shopify-Store für Videokurs und Print-Drops eines Zeichners, mit Conversion-Konzept und neuem Theme für die nächste Ausbaustufe.

Startseite von flocreates.shop: Zeichnung des Künstlers, Katzen-Logo und die Headline „Create Something today even if it sucks.“

Ein ähnliches Vorhaben?

Dann lassen Sie uns darüber sprechen.

Standort
Hannover · Deutschlandweit