Webdesign-Referenz
Website für Habrintech GmbH in Dietschwil
Für die Habrintech GmbH in Dietschwil hat Apex Design die Website für Wartung, Reparaturen und Siemens Logo Steuerungen von Industrieanlagen gebaut. In einem passwortgeschützten Bereich erfasst der Inhaber seine Occasionsmaschinen selbst.
Die Startseite von habrintech.ch öffnet mit einem Video, das den ganzen ersten Bildschirm füllt.
Ausgangslage
Die Habrintech GmbH wartet und repariert Industrieanlagen, insbesondere im Lebensmittelbereich. Ihr bisheriger Auftritt war eine Baukasten-Website.
Seit Juni 2026 läuft unter habrintech.ch die neue Website; Webdesign und Programmierung stammen von Apex Design. Domain und E-Mail sind beim bisherigen Anbieter geblieben, gewechselt hat nur die Website selbst.
Aufgabe
Der neue Auftritt sollte zeigen, wie der Betrieb arbeitet, und neue Angebote aufnehmen:
- Videos aus der eigenen Arbeit, etwa von der Gravur des Firmenlogos
- ein neuer Bereich für die Lasergravur mit mobilem Laser
- eine erweiterte Liste der Kunden des Betriebs
- ein Bereich, in dem der Inhaber verfügbare Maschinen selbst erfasst, Occasionen wie Neumaschinen
Leistungen für Industrieanlagen klar gegliedert
Unter dem Kopfvideo folgen die drei Leistungsfelder, jedes mit eigenem Block: Wartung und Reparaturen, Neuinstallationen und Projekte sowie Siemens Logo Steuerungen. So sieht man gleich nach dem Einstieg, ob das eigene Anliegen dabei ist.
Aufbau der Startseite
- Kopf mit Video und die drei Leistungsfelder
- Betriebsunterhalt und Lasergravur als eigene Abschnitte
- Produkte und aktuell verfügbare Maschinen
- Kunden, Galerie und Team
- Kontakt mit Formular, Telefon, E-Mail, WhatsApp und direkt eingebetteter Google-Karte
Insgesamt enthält die Startseite fünf Videos. Bis eines geladen ist, steht an seiner Stelle ein Vorschaubild; abgespielt wird ohne Ton und ohne sichtbare Bedienelemente. Das Material für vier der fünf Videos stammt von Habrintech selbst; diese Filme stehen bei der Lasergravur und bei den Produkten.
Occasionsmaschinen selbst erfassen
Anmelden
Der Bereich «Maschinen verwalten» ist passwortgeschützt und nicht öffentlich.
Erfassen und ändern
Jede Maschine bekommt Name, Zustand, Beschreibung und Bild. Einträge lassen sich jederzeit anpassen oder entfernen.
Auf der Startseite zeigen
Gespeicherte Einträge erscheinen auf der Startseite im Abschnitt «Aktuell verfügbare Maschinen».
Welche Inhalte sich für die Pflege im eigenen Betrieb eignen und welche besser beim Anbieter bleiben, beleuchtet der Ratgeber Website selbst pflegen.
Produktebereich und Lasergravur
Neben den Dienstleistungen hat Habrintech auch Produkte im Angebot. Sie stehen in einem eigenen Bereich; ein Video zeigt dort die Hamburgerpresse im Einsatz.
Die Lasergravur mit mobilem Laser hat mit der neuen Website einen eigenen Abschnitt bekommen. Drei Videos zeigen die Arbeit mit dem Laser, eines davon die Gravur des eigenen Logos. Auch der Betriebsunterhalt steht als eigener Abschnitt auf der Startseite.
Alte Adresse weitergeleitet
Die bisherige Baukasten-Website hatte eine Unterseite unter /Habrintech-GmbH, die noch in den Suchergebnissen von Google stand. Diese Adresse leitet heute dauerhaft auf die neue Startseite weiter.
Wer über einen alten Link, ein Lesezeichen oder diesen Suchtreffer kommt, landet damit direkt auf dem neuen Auftritt statt auf einer Fehlerseite. Das Vorgehen bei einem Relaunch mit weitergeleiteter Adresse beschreibt Apex Design auf der Leistungsseite.
Website ansehen
habrintech.ch (öffnet in neuem Tab)
Labormessung am 29.09.2026, Desktop
- Best Practices 100
- SEO 100
Grundlage sind drei Lighthouse-Läufe (Version 13.5) an der Startseite von habrintech.ch, ausgewertet als Median. Best Practices prüft unter anderem Sicherheit und Fehler im Browser, SEO die Grundlagen für Suchmaschinen.
Technisch baut die Website auf Next.js, React, Tailwind CSS und Framer Motion auf; die erfassten Maschinen liegen in einer eigenen Datenablage.
Auch im übrigen Kanton hat Apex Design Websites gebaut, zu finden unter Webdesign im Kanton St. Gallen. Auftritte weiterer Betriebe aus Werkstatt und Industrie zeigt die Seite Websites für Handwerk, Technik und Industrie. Wer weitere Fallstudien vergleichen möchte, findet sie unter alle Referenzen.
FAQ
Fragen zur Website von Habrintech in Dietschwil
Über einen passwortgeschützten Bereich der eigenen Website. Dort legt der Inhaber jede Maschine, Occasion wie Neumaschine, mit Name, Zustand, Beschreibung und Bild an, ändert sie später oder nimmt sie wieder heraus. Was er speichert, zeigt die Startseite unter «Aktuell verfügbare Maschinen».
Wartung und Reparaturen, Neuinstallationen und Projekte sowie Siemens Logo Steuerungen für Industrieanlagen. Dazu kommen der Betriebsunterhalt, die Lasergravur mit mobilem Laser und ein eigener Bereich für Produkte.
Die frühere Unterseite der Baukasten-Website leitet dauerhaft auf die Startseite der neuen Website weiter. Alte Links und Lesezeichen führen deshalb nicht ins Leere, sondern auf den neuen Auftritt.
Ihr Betrieb soll zeigen, was er kann?
Schicken Sie uns die Adresse Ihrer heutigen Website und schreiben Sie, welche Inhalte Sie künftig selbst pflegen möchten. So lässt sich der Pflegebereich von Anfang an auf Ihren Bedarf auslegen.