Zurück zu unserer Arbeit
TegetecWeb-NeugestaltungSEO

Tegetec

Anbieter von industriellen Geräten für die Lebensmittelverarbeitung

Unsere RolleAudit, IA, Design, Entwicklung, SEO
Jahr2025
DauerCa. 2 Arbeitstage Bauzeit, 1 Monat vergangen
Besuchen Sie die Website
Tegetec website screenshot
8+Seiten geliefertVollständige Website mit Informationen zu Geräten, Mitarbeitern, Informationen, Neuigkeiten, Downloads und Richtlinien
2 TageBauzeitCa. 1 Monat ist mit Domain- und Mail-Transfer vergangen
3RegionalbürosDänemark, Spanien und Finnland

Übersicht

Die Herausforderung

Die bestehende Website von Tegetec wies veraltete Grafiken, eine dürftige SEO-Abdeckung, eingeschränkte Zugänglichkeit und einen dichten technischen Inhalt ohne klare Informationsarchitektur auf. Der Inhalt orientierte sich an internen Kategorien und nicht daran, wie Käufer Industrieanlagen tatsächlich bewerten und vergleichen.

Unsere Lösung

Wir führten ein vollständiges UX- und SEO-Audit durch, bauten die Informationsarchitektur um drei käuferorientierte Abschnitte herum neu auf und lieferten eine statische Nuxt 4-Site mit umfassendem Schema.org-Markup, DSGVO-konformen Analysen und einer sorgfältig koordinierten DNS-Umstellung, um die E-Mail-Kontinuität während der Domainübertragung zu schützen.

Das Ergebnis

Tegetec hat eine moderne, konforme B2B-Plattform mit einer aktualisierten visuellen Identität, intuitiver Navigation für technische Inhalte und einer starken SEO-Grundlage eingeführt. Durch die statische Bereitstellung bleiben die laufenden Infrastrukturkosten minimal und GTM/GA4 ist bereit für datengesteuerte Entscheidungen, wenn der Datenverkehr wächst.

Nuxt 4@nuxt/uiRückenwind CSS v4@nuxt/image (IPX)Schema.orgGTM/GA4

Unser Prozess

Audit und Strategie

Wir begannen mit einer gründlichen Überprüfung der bestehenden Website und identifizierten Schwachstellen in UX, visuellem Design, SEO und Zugänglichkeit. Wir haben ein Benchmarking mit Materialien von OEM-Partnern durchgeführt und uns auf klare Ziele geeinigt: Modernisierung der Designsprache, Umstrukturierung der Navigation für technische Zielgruppen, Schließung von SEO-Lücken und Aufstellung eines Supportplans für die Zeit nach der Markteinführung. Diese Phase prägte jede weitere Entscheidung.

UX-Audit-Ergebnisse SEO-Lückenanalyse Anforderungen an Vertrauenssignale IA-Modernisierungsplan Überprüfung des OEM-Materials

Informationsarchitektur

Wir haben die Struktur der Website so umgestaltet, dass sie darauf ausgerichtet ist, wie Käufer Industrieanlagen tatsächlich erkunden. Es entstanden drei Hauptabschnitte: Geräte und Lösungen (Systemkarten, Prozessablaufdiagramme, Chubmaker-Spezifikationen), Mitarbeiter (OEM-Partnerprofile) und Über/Kontakt (Regionalbüros, Unternehmenshintergrund). Unterstützende Seiten für Downloads, Neuigkeiten und DSGVO-Konformität rundeten die Struktur ab. Für jeden Abschnitt wurden Ankernavigation und klare Kontaktabläufe entworfen.

Neue Sitemap-Struktur Kategorisierung der Ausrüstung Kontaktflussdesign Download-Bereich Einrichtung eines Regionalbüros

Design und Entwicklung

Die Website wurde mit Nuxt 4, @nuxt/ui und Tailwind CSS v4 erstellt und generiert eine vollständig statische Ausgabe, um Backend-Abhängigkeiten zu beseitigen und die Hosting-Kosten nahe Null zu halten. Wir haben ein individuelles tokenbasiertes Designsystem entwickelt, das auf die industrielle Identität von Tegetec abgestimmt ist. Akkordeon- und Tischmuster erfüllen tiefgreifende OEM-Spezifikationen, ohne die Käufer zu überfordern, während Karten- und Stepper-Layouts den Prozessübersichten eine klare visuelle Hierarchie verleihen. Lokale Schriftarten und Header mit langem Cache sorgen für eine hohe Leistung auf allen Seiten.

Designsystem Reaktionsfähige Komponenten Statische Site-Generierung Vermögensoptimierung Leistungsoptimierung

SEO und Compliance

Wir haben Schema.org-Markup für alle wichtigen Seitentypen implementiert: Website, Organisation, Service, AboutPage und CollectionPage. Jede Seite erhielt benutzerdefinierte Titel, Beschreibungen, Schlüsselwörter und Open Graph/Twitter-Karten. The GDPR cookie layer was built with a prominent reject-all option and full script gating, ensuring no tracking loads before consent. Die Arbeiten zur Barrierefreiheit umfassten durchgehend Skip-Links, Fokus-sichtbare Stile, bewegungsreduzierte Handhabung, semantisches Tabellen-Markup und Screenreader-Beschriftungen.

Schema.org-Implementierung Meta-Tag-Optimierung EU-Cookie-Einwilligung (DSGVO) GTM/GA4-Integration Barrierefreiheitsfunktionen

Herausforderungen und Lösungen

Domain-Transfer mit Mail-Kontinuität

Problem

Das Verschieben der Domäne zu einem neuen Registrar und die Weiterleitung auf den neuen statischen Host musste erfolgen, ohne dass die Geschäfts-E-Mail von Tegetec, die auf derselben Domäne läuft, unterbrochen wird.

How we solved it

Wir haben die DNS-Umstellung im Voraus geplant, MX-Einträge frühzeitig gesperrt und den Zeitpunkt von A/CNAME-Änderungen mit dem Kunden abgestimmt. Die Übertragung wurde mit nahezu keiner E-Mail-Ausfallzeit und ohne verlorene Nachrichten abgeschlossen.

Technische Spezifikationen für Käufer zugänglich machen

Problem

Die Ausrüstungsseiten von Tegetec müssen zwei Zielgruppen gleichzeitig bedienen: Ingenieure, die detaillierte Spezifikationen wünschen, und Einkäufer, die den Wert und die Passform schnell verstehen müssen.

How we solved it

Wir haben durchgängig progressive Offenlegung angewendet – Akkordeon- und Tabellenmuster für detaillierte Spezifikationen, Kartenlayouts und Prozessablaufsteuerungen für allgemeine Übersichten. Käufer können souverän navigieren, ohne mit technischer Tiefe konfrontiert zu werden, die sie nicht benötigen.

DSGVO-Konformität ohne Komplexität

Problem

Tegetec benötigte eine vollständig konforme Cookie-Einwilligung und Analyseverfolgung, die sauber bereitgestellt werden konnte, ohne dass ein benutzerdefiniertes Backend oder ein Einwilligungs-SaaS eines Drittanbieters laufende Kosten verursachte.

How we solved it

Wir haben den GTM-Zustimmungsmodus mit einem prominenten Banner zum Ablehnen aller Elemente implementiert, das in den statischen Build integriert ist. Es werden keine Tracking-Skripte geladen, bevor der Benutzer sich dafür entscheidet. Die Implementierung ist sauber, überprüfbar und erfordert keinen laufenden Wartungsaufwand.

Results, measured

Der messbare Unterschied

Von einer veralteten statischen Website zu einer modernen, leistungsstarken B2B-Plattform – hier ist, was sich geändert hat.

Vorher
48Leistung
63Barrierefreiheit
61Best Practices
61SEO-Score
Nachher
83Leistung
96Barrierefreiheit
96Best Practices
92SEO-Score

Ergebnisse

Tegetec startete mit einem modernisierten visuellen System, einer käuferorientierten Informationsarchitektur und einer vollständig konformen technischen Grundlage. Der statische Aufbau eliminiert Backend-Kosten, die SEO-Grundlage wird für jeden Seitentyp gelegt und GTM/GA4 ist bereit, Entscheidungen zu treffen, wenn der genehmigte Datenverkehr steigt.

  • End-to-End-Bereitstellung in den Bereichen Audit, IA, Design, Entwicklung und SEO in ca. 2 Arbeitstagen
  • Die käuferorientierte Folgenabschätzung wurde um drei klare Navigationsabschnitte herum neu strukturiert
  • Statischer Nuxt 4-Build mit nahezu null laufenden Infrastrukturkosten
  • Schema.org-Markup für alle wichtigen Seitentypen für eine starke Sichtbarkeit in der Suche
  • DSGVO-konforme Cookie-Einwilligung mit GTM-Einwilligungsmodus und Script-Gating
  • WCAG-ausgerichtete Barrierefreiheit: Links überspringen, Fokus-sichtbar, reduzierte Bewegung, semantische Tabellen
  • Domain- und E-Mail-Übertragung nahezu ohne Ausfallzeiten abgeschlossen
  • Kontakteinrichtung für mehrere Regionen, die Dänemark, Spanien und Finnland abdecken

Sind Sie bereit, Ihr Projekt zu starten?

Wir arbeiten mit kleinen und mittleren Unternehmen zusammen, um Websites zu erstellen, die gut aussehen und noch leistungsfähiger sind. Lassen Sie uns darüber sprechen, was wir für Sie tun können.