Webdesign-Referenz
Website für KnT Engineering GmbH in Ganterschwil
Für die KnT Engineering GmbH in Ganterschwil hat Apex Design die Website für industrielle Automation und die Erneuerung von Steuerungen gebaut. Sie zeigt alle zwölf Leistungen offen lesbar und den Retrofit als Ablauf in fünf Schritten, hat erstmals ein erreichbares Impressum und eine Datenschutzerklärung und nimmt Anfragen über ein Formular entgegen.
Der Abzug zeigt die Startseite vom Oktober 2026: die Oberzeile mit dem Rechtecksignal, darunter die Hauptüberschrift «Industrielle Automation und Erneuerung von Steuerungen» vor dem Kopfvideo.
Ausgangslage
Die KnT Engineering GmbH in Ganterschwil im Toggenburg arbeitet an der Steuerung von Industrieanlagen, von der SPS-Software mit Siemens TIA Portal über die Visualisierung mit WinCC Unified bis zum Retrofit bestehender Anlagen. Ihre bisherige Website zeigte Leistungen, Über uns und Kontakt auf einer einzigen Seite.
Die Texte waren da; sie wurden übernommen und berichtigt, statt neu geschrieben. Gefehlt haben Grundlagen: erreichbare Rechtsseiten, eine Hauptüberschrift, die das Angebot nennt, und Angaben für Suchmaschinen. Gerade darauf kam es an, denn der Betrieb wollte vor allem gefunden werden. Seit Oktober 2026 ist die neue Website unter www.knt-engineering.ch online. Wie ein solcher Neuaufbau abläuft, beschreibt die Seite zum Website-Relaunch.
Aufgabe
- die Leistungen so zeigen, dass Fachleute aus der Industrie ihr Thema auf den ersten Blick finden
- die bestehenden Texte übernehmen und berichtigen, ohne Referenzen, Zahlen oder Kundenstimmen zu erfinden
- ein Impressum und eine Datenschutzerklärung, die erreichbar und vollständig sind
- Hauptüberschrift, Titel, Beschreibung und strukturierte Daten, mit denen Suchmaschinen den Betrieb einordnen
- eine Anfrage mit Telefonnummer und E-Mail-Adresse
Vorher und nachher
Impressum und Datenschutz
Vorher: Die Links «Impressum» und «Datenschutz» in der Fusszeile führten auf eine Fehlerseite. Eine Datenschutzerklärung gab es nicht.
Jetzt: Beide Seiten antworten unter denselben Adressen. Das Impressum nennt Handelsregister, UID und MWST-Nummer, die Datenschutzerklärung folgt dem Schweizer Datenschutzgesetz.
Hauptüberschrift
Vorher: «Herzlich Willkommen».
Jetzt: «Industrielle Automation und Erneuerung von Steuerungen». Die Worte stammen aus dem bisherigen Leitsatz des Betriebs.
Angaben für Suchmaschinen
Vorher: Der Seitentitel bestand nur aus dem Firmennamen, eine Beschreibung fehlte, und robots.txt und Sitemap führten auf eine Fehlerseite.
Jetzt: Titel und Beschreibung nennen Ganterschwil und die Leistungen, strukturierte Daten beschreiben Firma und Leistungen, und eine Sitemap führt Startseite, Impressum und Datenschutz auf.
Platzhalter der Vorlage
Vorher: Die Abschnitte «Beispiele», «Client Testimonials» und «Referenzen» zeigten nur Platzhalter einer Vorlage: Bilder, die auf dem Server fehlten, und bei «Client Testimonials» englischen Blindtext.
Jetzt: Sie sind entfallen. Die Website zeigt, was der Betrieb belegen kann: die Leistungen, ein Porträt des Geschäftsführers und den Kontakt.
Umsetzung: Leistungen, Retrofit und Anfrage
Im Kopf der Startseite läuft ein Video einer industriellen Fertigung aus einem Bildarchiv, stumm und ohne Bedienelemente; bei reduzierter Bewegung steht ein Standbild. Davor stehen die Hauptüberschrift, eine Unterzeile, die in vier Zeilen SPS-Software, Visualisierung, Retrofit und Schaltschrankplanung nennt, und ein Knopf zum Kontakt. Am Desktop steht die Telefonnummer zusätzlich in der Kopfzeile.
Alle zwölf Leistungen offen
Alle zwölf Leistungen und zehn Unterpunkte stehen offen, ohne Aufklappen: die Disziplinen SW-Engineering, Leitsysteme und Visualisierung sowie HW-Engineering und die fünf Schritte des Retrofit.
Retrofit als Schrittkette
Die Spezialisierung für Retrofit steht in einem dunklen Band, als fünf nummerierte Schritte von der Bestandsaufnahme bis zur Prozessoptimierung.
Anfrage ohne Google
Das Formular verlangt nur Telefonnummer und E-Mail-Adresse und schützt sich selbst vor automatischen Anfragen. Die Website setzt keine Cookies und lädt nichts von fremden Servern.
Gezeichnet wie ein Ablaufplan
Die Gestaltung nimmt die Sprache von Ablaufplänen für Steuerungen auf: eine Doppellinie über den drei Disziplinen, eine Schrittkette für den Retrofit. Das Zeichen vor der Oberzeile im Kopf ist ein Rechtecksignal, das digitale Signal einer Steuerung, mit Flanken in der Neigung der Wortmarke.
Vom Logo lag nur eine schwarze Fassung vor. Daraus entstand eine weisse für das Video und die Fusszeile, in Form und Proportion unverändert. Die Farben Marineblau und Blau des bisherigen Auftritts blieben erhalten. Andere Adressen der bisherigen Website leiten dauerhaft auf die neue Startseite. Grundlage sind Next.js 15 und React; betrieben wird die Website von Apex Design. Was ein Neubau umfasst, steht unter Website erstellen lassen.
Website ansehen
knt-engineering.ch (öffnet in neuem Tab)
Einen zweiten Technikbetrieb aus dem Toggenburg zeigt die Fallstudie Habrintech GmbH in Dietschwil. Weitere Projekte aus dem Kanton stehen auf der Seite Webdesign im Kanton St. Gallen, und unter alle Referenzen steht jede Fallstudie.
FAQ
Fragen zur Website von KnT Engineering in Ganterschwil
Zwölf Leistungen in vier Gruppen: SW-Engineering mit SPS-Software für Siemens TIA Portal und Siemens S7 Manager und der Integration von Antriebstechnik, Leitsysteme und Visualisierung mit WinCC Unified, die Spezialisierung für Retrofit in fünf Schritten von der Bestandsaufnahme bis zur Prozessoptimierung sowie HW-Engineering mit Schaltschrankplanung und Elektroschemas in EPLAN P8. Alle stehen offen lesbar auf der Startseite, ohne Aufklappen.
Impressum und Datenschutzerklärung sind erreichbar; vorher führten beide Links der Fusszeile auf eine Fehlerseite, und eine Datenschutzerklärung gab es nicht. Statt «Herzlich Willkommen» nennt die Hauptüberschrift, was der Betrieb tut, Titel und Beschreibung für Suchmaschinen nennen jetzt Ort und Leistungen, und drei Abschnitte mit Platzhaltern einer Vorlage, einer davon mit englischem Blindtext, sind entfallen.
Über ein Formular mit Telefonnummer und E-Mail-Adresse als Pflichtfeldern; Name und Nachricht sind freiwillig. Den Schutz vor automatischen Anfragen erledigt die Website selbst, ohne einen Dienst von Google, und sie setzt keine Cookies. Telefon und E-Mail stehen zusätzlich im Kontaktabschnitt, die Nummer am Desktop auch in der Kopfzeile.
Ihre Website soll zeigen, was Sie tun?
Senden Sie uns den Link zu Ihrer heutigen Website. Im Erstgespräch klären wir, wie Leistungen, Rechtsseiten und Anfragen auf dem neuen Auftritt zusammenfinden.