Wigandt Technology Website
Deutschsprachige Website für Wigandt Technology mit Nuxt 4, Vue 3, TypeScript, strukturierten Inhalten und automatisierten Qualitätsprüfungen.
wigandt-technology
IT & Software
St. Georgenstr. 17, 56751 Polch, Deutschland
Projekt
Überblick
Die Website von Wigandt Technology basiert auf Nuxt 4, Vue 3, TypeScript und typisierten lokalen Content-Strukturen. Seiten werden für Suchmaschinen vorgerendert und über Docker mit Dokploy betrieben.
Projektdetail
Leistungsumfang
- Informationsarchitektur für Leistungen, Projektseiten und Kontaktwege
- Komponentenbasiertes UI auf Basis von Tailwind CSS und Nuxt UI
- Automatische Meta-Daten, strukturierte Daten und OG-Grafiken
- Formularabwicklung mit Server-Validierung und Datenschutz-Checks
Projektdetail
Herausforderungen
- Headless-Setup mit strukturierten deutschen Inhalten und klaren Relationen zwischen Lösungen, Technologien und Referenzen
- Aufbau eines wiederverwendbaren Design-Systems, das Marketing-Seiten und Referenzen gleichermaßen abdeckt
- Technisches SEO inklusive schema.org-Markup, Sitemaps und kanonischen URLs
Projektdetail
Tech-Stack & Integrationen
- Nuxt 4 und Vue 3 mit TypeScript und lokalen Content-Strukturen
- Tailwind CSS & Nuxt UI für modulare Komponenten, theming und Accessibility
- Docker und Dokploy für reproduzierbare Builds und den Betrieb hinter dem Reverse-Proxy
- GitHub Actions für Tests, Linting und automatisierte Builds
Projektdetail
Ergebnis
Die Website bündelt Leistungen, Technologien, Referenzen und Kontaktwege in einem gemeinsamen System. Wiederverwendbare Komponenten und validierte Metadaten bilden die Grundlage für neue Inhalte, ohne für jede Seite eine eigene technische Lösung einzuführen.
Projektdetail
Business Impact
- Gemeinsame Datenquelle für sichtbare Inhalte, SEO-Metadaten und strukturierte Daten
- Konsistente Darstellung von Leistungen, Technologien und Referenzen
- Automatisierte Qualitätskontrolle durch Linting, Typprüfung, Tests und Build
Fallstudie
Nachvollziehbare Umsetzung im eigenen Projekt
Bei dieser Website sind technische Entscheidungen öffentlich überprüfbar: Inhalte und Metadaten liegen typisiert im Projekt, Seiten werden beim Build erzeugt und Änderungen durch Linting, Typprüfung, Tests und Produktionsbuild kontrolliert. Redirects und Kontaktanfragen werden über die angebundene Directus-Instanz verwaltet.
Die Fallstudie nennt deshalb konkrete Bestandteile der aktuellen Umsetzung, aber keine pauschalen Ladezeit-, Ranking- oder Conversion-Erfolge ohne abgegrenzte Messung. Änderungen an Sichtbarkeit werden getrennt über Seobility, Google Search Console und Bing Webmaster Tools beobachtet.