Technische Dokumentation
Projektumfang
Website Redesign.
Deine alte WordPress-Seite hat dir zehn Jahre lang gute Dienste geleistet. Aber die Welt hat sich weitergedreht.
2016 war WordPress die richtige Wahl. Heute ist es ein Sicherheitsrisiko mit laufenden Update-Kosten, langsamen Ladezeiten und einem Design, das nicht mehr zu einem Unternehmen mit fast 100 Jahren Tradition passt. Kunden beurteilen dein Baugeschäft in den ersten drei Sekunden – und zwar anhand deiner Website.
Die neue deluigi.ch ist das Gegenteil: eine massgeschneiderte, blitzschnelle Premium-Website ohne CMS, ohne Datenbank, ohne Wartungsaufwand. Sie lädt schneller als jede Konkurrenz-Seite, sieht auf jedem Gerät perfekt aus und wird von Google bevorzugt indexiert. Kein Plugin-Chaos, keine Sicherheitslücken, keine monatlichen Kosten.
Was du auf dieser Seite siehst, ist der vollständige Umfang der geleisteten Arbeit – transparent, nachvollziehbar und ehrlich.
17
Seiten
9 Haupt + 2 Recht + 6 Redirects
23
Komponenten
Handgeschrieben, kein Template
180
Bilder
WebP-optimiert, Lazy Loading
7'073
Zeilen Code
TypeScript + TSX
72 MB
Bildmaterial
171 WebP + 9 PNG
0
Plugins / CMS
Keine Abhängigkeiten
Ausgangslage & Zielsetzung
Vorher – WordPress (2016)
Die bisherige Website wurde 2016 mit WordPress erstellt und war über die Jahre technisch veraltet. Regelmässige Updates für WordPress-Core, Themes und Plugins waren nötig, um Sicherheitslücken zu schliessen. Das Design entsprach nicht mehr dem heutigen Anspruch der Firma. Die Ladezeiten waren durch das CMS und die Datenbank-Abfragen beeinträchtigt.
Mobiltauglichkeit, SEO-Optimierung und Barrierefreiheit waren nur eingeschränkt vorhanden. Ein Datei-Upload im Kontaktformular fehlte komplett.
Nachher – Next.js 16 (2026)
Die neue Website ist eine massgeschneiderte Entwicklung auf Basis von Next.js 16 mit Static Site Generation (SSG). Dabei werden alle Seiten beim Build-Prozess als fertige HTML-Dateien generiert – es gibt keinen Server und keine Datenbank im Betrieb.
Das Resultat: blitzschnelle Ladezeiten, maximale Sicherheit, null Wartungsaufwand, professionelle SEO-Optimierung und ein hochwertiges Design mit Light/Dark-Mode, das die De Luigi AG als Premium-Bauunternehmen positioniert.
Vorher vs. Nachher – Direktvergleich
| Aspekt | WordPress (2016) | Neue Website (2026) |
|---|---|---|
| Technologie | WordPress (2016) | Next.js 16 – Static Site Generation |
| Design | Standard-Theme, veraltet | Massgeschneidertes Premium-Design |
| Dark Mode | Nicht vorhanden | Vollständig, mit System-Erkennung |
| Performance | CMS + Datenbank = langsam | Statische HTML = blitzschnell |
| Sicherheit | WordPress-Angriffsfläche | Keine Datenbank, kein CMS |
| Wartung | Updates, Plugins, Backups nötig | Wartungsfrei |
| SEO | Grundlegend | Professionell (Schema, Sitemap, Redirects) |
| Kontaktformular | Einfaches Formular | Mit Datei-Upload (5 Dateien, DWG) |
| E-Mail-Template | Standard-Text | Premium-HTML mit Corporate Design |
| Responsive | Eingeschränkt | Mobile-First, alle Breakpoints |
| Cookie-Banner | Nicht vorhanden | nDSG/DSGVO-konform |
| Barrierefreiheit | Nicht vorhanden | ARIA, Tastatur, Kontraste |
| Bildformat | JPG/PNG, unkomprimiert | WebP, optimiert, Lazy Loading |
| SSL/HTTPS | Hosting-abhängig | Automatisch, immer aktiv |
| Verfügbarkeit | Shared Hosting | Cloud, 24/7, kein Ruhemodus |
Seitenstruktur
| Seite | URL | Inhalt |
|---|---|---|
| Startseite | / | Hero-Slider, Leistungsübersicht, Referenzen, Call-to-Action |
| Leistungen | /leistungen | Alle vier Leistungsbereiche im Überblick |
| Neubau & Baumeisterarbeiten | /leistungen/neubau-baumeisterarbeiten | Hochbau, Rohbau, Fundamentarbeiten, Erdarbeiten |
| Umbauten & Sanierungen | /leistungen/umbauten-sanierungen-renovationen | Totalsanierungen, Renovationen, Anbauten |
| Gerüstbau | /leistungen/geruestbau | Fassaden-, Dach- und Treppenturmgerüste |
| Plattenbeläge | /leistungen/plattenbelaege | Keramik, Naturstein, Feinsteinzeug, Mosaik |
| Projekte | /projekte | Referenzprojekte mit Bildergalerien |
| Über uns | /ueber-uns | Firmengeschichte, Timeline, Galerie, Leitbild |
| Kontakt | /kontakt | Formular mit Datei-Upload, Karte, Kontaktdaten |
| Impressum | /impressum | Vollständige Firmenangaben nach UWG |
| Datenschutz | /datenschutz | Datenschutzerklärung nach nDSG/DSGVO |
Technologie-Stack
Die Website basiert auf einem modernen, bewährten Technologie-Stack. Jede Komponente wurde bewusst gewählt, um maximale Performance, Sicherheit und Wartungsfreiheit zu gewährleisten.
Next.js
v16.2Framework (Static Site Generation)
React
v19.2UI-Bibliothek
TypeScript
v5.9Typsichere Programmiersprache
Tailwind CSS
v4.2Utility-First CSS Framework
Lucide React
v1.7Icon-Bibliothek (SVG)
Express.js
v5.xAPI-Server (Kontaktformular)
Resend
v1.0Transaktions-E-Mail-Dienst
Multer
v1.4Datei-Upload-Verarbeitung
Warum Static Site Generation (SSG)?
Blitzschnelle Ladezeiten
Seiten werden als fertige HTML-Dateien ausgeliefert
Kein Server im Betrieb
Keine laufenden Kosten für Server-Infrastruktur
Maximale Sicherheit
Keine Datenbank, keine CMS-Angriffsfläche
Perfekte SEO
Suchmaschinen lesen alle Inhalte sofort
Wartungsfrei
Keine Updates, keine Plugins, kein Sicherheitsrisiko
99.99% Verfügbarkeit
Statische Dateien sind quasi ausfallsicher
Warum Next.js 16 das Beste auf dem Markt ist
Next.js ist das meistgenutzte React-Framework weltweit und wird von Vercel – dem Unternehmen hinter der Plattform – kontinuierlich weiterentwickelt. Version 16 ist der aktuelle Stand der Technik und bringt gegenüber allen Vorgängerversionen entscheidende Vorteile:
React 19 Server Components
Komponenten werden auf dem Server gerendert und als fertiges HTML ausgeliefert – weniger JavaScript im Browser, schnellere Ladezeiten.
Turbopack als Standard
Der neue Bundler ist bis zu 10x schneller als Webpack. Entwicklung und Builds laufen in Sekunden statt Minuten.
Partial Prerendering
Statische und dynamische Inhalte können auf derselben Seite kombiniert werden – das Beste aus SSG und SSR vereint.
Optimierte Bildverarbeitung
next/image liefert Bilder automatisch im richtigen Format, in der richtigen Grösse und mit Lazy Loading aus.
Metadata API
SEO-relevante Meta-Tags, Open Graph und strukturierte Daten werden typsicher direkt im Code definiert – keine Plugins nötig.
Edge-Ready & Zukunftssicher
Next.js 16 unterstützt Edge Computing, Middleware und Streaming – bereit für die nächsten Jahre der Webentwicklung.
Zum Vergleich: WordPress basiert auf PHP (1995), nutzt eine MySQL-Datenbank und benötigt bei jedem Seitenaufruf Server-Berechnungen. Next.js 16 generiert alle Seiten als fertige HTML-Dateien – kein Server, keine Datenbank, keine Angriffsfläche. Das ist nicht nur schneller und sicherer, sondern auch günstiger im Betrieb.
Features im Detail
Design & User Experience
Kontaktformular & E-Mail
Bildoptimierung & Medien
Suchmaschinenoptimierung (SEO)
Sicherheit & Datenschutz
URL-Weiterleitungen (SEO-Migration)
Alle 11 von Google indexierten alten URLs der WordPress-Seite werden automatisch auf die entsprechende neue Seite weitergeleitet. Damit bleibt der aufgebaute SEO-Wert (Backlinks, Ranking) vollständig erhalten.
| Alte URL (WordPress) | Neue URL |
|---|---|
| /leistung | /leistungen |
| /leistung/neubauten | /leistungen/neubau-baumeisterarbeiten |
| /leistung/umbauten-renovationen | /leistungen/umbauten-sanierungen-renovationen |
| /leistung/geruestbau | /leistungen/geruestbau |
| /leistung/plattenarbeiten | /leistungen/plattenbelaege |
| /leistung/kernbohrungen | /leistungen |
| /leistung/badsanierung | /leistungen/umbauten-sanierungen-renovationen |
| /unternehmen | /ueber-uns |
| /kontakt | /kontakt |
| /leistung-sitemap.xml | /sitemap.xml |
| /news | / |
DNS & Domain-Konfiguration
Die DNS-Konfiguration wurde so eingerichtet, dass die Website über Replit gehostet wird, während der E-Mail-Verkehr weiterhin über den bisherigen Provider (Cyon) läuft.
A-Record
deluigi.ch
Website → Cloud-Hosting
TXT-Record
deluigi.ch
Domain-Verifizierung
TXT-Record
deluigi.ch
E-Mail-Authentifizierung (SPF)
DKIM-Record
resend._domainkey
E-Mail-Signierung (Resend)
MX-Record
deluigi.ch
E-Mail-Empfang (Cyon)
CNAME
www.deluigi.ch
www-Weiterleitung
Qualitätssicherung
Browser-Tests
Geräte-Tests
Responsive
Funktions-Tests
SEO-Tests
Performance
Aufwandschätzung – Agenturvergleich
Die folgende Aufstellung zeigt den geschätzten Arbeitsaufwand für dieses Projekt, wie er bei einer klassischen Webagentur anfallen würde. Die Stundenansätze basieren auf marktüblichen Schweizer Agentur-Tarifen (CHF 150–200/h).
| Arbeitspaket | Stunden | Agentur (CHF) |
|---|---|---|
| Konzept, Beratung & Projektplanung | 12h | 2'100 |
| UX/UI-Design (Desktop + Mobile, Light/Dark) | 30h | 5'250 |
| Frontend-Entwicklung (9 Hauptseiten + Unterseiten) | 50h | 8'750 |
| Responsive Optimierung (Mobile, Tablet, Desktop) | 14h | 2'450 |
| Light/Dark-Mode Implementation | 8h | 1'400 |
| Kontaktformular mit Datei-Upload & Validierung | 12h | 2'100 |
| API-Server & E-Mail-Integration (Resend, DKIM) | 10h | 1'750 |
| Premium E-Mail-Template (HTML) | 6h | 1'050 |
| Bildergalerie mit Lightbox & Autoplay | 8h | 1'400 |
| Firmengeschichte-Timeline (interaktiv) | 6h | 1'050 |
| Bildoptimierung (180 Bilder, WebP-Konvertierung) | 8h | 1'400 |
| SEO-Optimierung (Meta, Schema, Sitemap, Robots) | 10h | 1'750 |
| 301-Redirects & SEO-Migration (11 URLs) | 4h | 700 |
| Cookie-Banner & Datenschutz (nDSG/DSGVO) | 6h | 1'050 |
| Impressum & Datenschutzerklärung | 4h | 700 |
| DNS-Konfiguration & Domain-Setup | 4h | 700 |
| Hosting-Setup, SSL, Deployment-Pipeline | 4h | 700 |
| Testing (Browser, Geräte, Funktionalität) | 10h | 1'750 |
| Qualitätssicherung & Feinschliff | 8h | 1'400 |
| Dokumentation & Übergabe | 4h | 700 |
| Total | 218h | 38'200 |
Geschätzter Aufwand
218 Stunden
ca. 27 Arbeitstage
Agentur-Kosten (Ø CHF 175/h)
CHF 38'200
exkl. MWST
Laufende Kosten
CHF 25/Mt.
Hosting, Service & Updates
Warum sind die Kosten so hoch?
Kein Template – alles massgeschneidert
Jede Seite, jede Komponente und jedes Layout wurde individuell für die De Luigi AG entworfen und programmiert. Kein WordPress-Theme, kein Baukastensystem.
Zwei komplette Designs (Light + Dark)
Der vollständige Light/Dark-Mode bedeutet doppelten Design-Aufwand: jede Farbe, jeder Kontrast und jeder Hintergrund muss für beide Modi gestaltet und getestet werden.
Next.js statt WordPress = Spezialarbeit
Next.js 16 mit React 19, TypeScript und Tailwind CSS erfordert hochspezialisierte Entwickler. Der Schweizer Stundensatz für Senior-Entwickler liegt bei CHF 180–220/h.
Professionelle SEO-Migration
11 alte Google-indexierte URLs korrekt weiterleiten, Sitemap, Robots.txt, JSON-LD Schema, Meta-Tags und Canonical URLs auf jeder Seite – das ist kein Knopfdruck, sondern Handarbeit.
E-Mail-System mit eigener Domain
Verifizierte Domain bei Resend, DKIM-Authentifizierung, SPF-Records, Premium-HTML-E-Mail-Template und API-Server – weit mehr als ein einfaches Kontaktformular.
180 Bilder optimiert und eingebunden
Jedes Bild wurde in WebP konvertiert, mit Alt-Texten versehen, responsive eingebunden und mit Lazy Loading ausgestattet. Die Galerie allein umfasst 26 historische Bilder.
Barrierefreiheit & Rechtssicherheit
ARIA-Labels, Tastatur-Navigation, Farbkontraste, Cookie-Banner nach nDSG/DSGVO, vollständiges Impressum und Datenschutzerklärung nach Schweizer Recht.
Minimale laufende Kosten
Für CHF 25.–/Monat ist Hosting, technischer Service und regelmässige Versionsupdates abgedeckt. Das sind CHF 300.– pro Jahr – überschaubar und planbar, ohne versteckte Zusatzkosten.
* Angaben basieren auf marktüblichen Stundenansätzen von Schweizer Webagenturen (CHF 150–200/h, Durchschnitt CHF 175/h). Die tatsächlichen Kosten variieren je nach Agentur, Region und Projektanforderungen. Quelle: Branchenvergleich Schweizer Digitalagenturen 2025/2026.
Dein Vorteil mit BoVita Herbst
90%
Ersparnis
Bis zu 90% Rabatt gegenüber Schweizer Agenturen, die auf diesem Level arbeiten und Websites in dieser Technologie umsetzen.
Das ist kein Rabatt und keine Sparversion. Es ist dieselbe Qualität, derselbe Umfang, dasselbe Ergebnis – nur effizienter umgesetzt. Eine Schweizer Agentur mit Next.js-Expertise berechnet für dieses Projekt CHF 38'200 oder mehr.
Warum ist das möglich?
Jens Herbst arbeitet nicht allein. Hinter BoVita Herbst steht ein eingespieltes Team aus spezialisierten KI-Agenten, die verschiedene Aufgabenbereiche übernehmen: Design, Code-Generierung, Bildoptimierung, SEO-Konfiguration, Testing und Qualitätssicherung. Jeder Agent ist auf seinen Bereich trainiert und arbeitet mit der Präzision eines Spezialisten.
Das bedeutet: Was bei einer klassischen Agentur ein Team aus Designer, Frontend-Entwickler, Backend-Entwickler, SEO-Spezialist und Projektleiter über Wochen erarbeitet, wird bei BoVita Herbst durch intelligente Orchestrierung dieser Agenten in einem Bruchteil der Zeit umgesetzt – bei gleichem oder höherem Qualitätsanspruch.
Das Resultat sind nicht die klassischen 27 Arbeitstage einer Agentur, sondern ein deutlich komprimierter Zeitrahmen – ohne dass an Sorgfalt, Individualität oder technischer Tiefe gespart wird.
Wer steht hinter BoVita Herbst?
Jens Herbst
Geschäftsführer
Jens Herbst ist ein leidenschaftlicher Unternehmer, Dozent und Keynote-Speaker mit über 15 Jahren Erfahrung im digitalen Business. Er gründete und leitete die Agentur schweiz-design.ch, die über 50 Top-Rankings bei Google erzielte und Kunden wie H&M, Marriott Group und Harley-Davidson betreute. Nach dem Exit 2018 verschrieb er sich vollständig der Blockchain-Technologie.
Als Gründer der WeSendit Media AG treibt Jens seit 2018 die Entwicklung sicherer, dezentraler Datentransferlösungen voran. Die Plattform zählt heute über 3,5 Millionen Nutzer in 150+ Ländern. Mit WeSendit 3.0, lanciert 2024 in Partnerschaft mit Huawei Cloud, Storj und Unigrid, schafft er eine zukunftsfähige Web3-Infrastruktur. Ergänzend berät Jens Web3-Unternehmen in den Bereichen ICO, Compliance und Tokenstrategie.
Neben seiner Tech-Tätigkeit engagiert sich Jens stark im sozial verantwortungsvollen Wohnbereich. Über seine mobile Verwaltungsstruktur BoVita Herbst stellt er Studierenden sowie Berufseinsteigern aus Deutschland in der Schweiz bezahlbaren Wohnraum zur Verfügung – inklusive Rundum-Service bei administrativen, versicherungstechnischen und behördlichen Themen. Ziel ist eine praxisnahe Entlastung junger Menschen beim Start in Studium oder Beruf.
Als privater Immobilieninvestor entwickelt er moderne Wohnkonzepte in urbanen Räumen – rechtssicher, effizient und digital verwaltet. Damit leistet er einen aktiven Beitrag zur Bekämpfung der Wohnraumknappheit in der Schweiz.
Seit 2025 baut Jens ausserdem die Plattform Tradoo auf – die weltweit erste AI-basierte Web3-Vermögensverwaltung, die DeFi-Index-Strategien, Real-World-Assets, Entnahmepläne und automatisierte Kapitalallokation kombiniert. Ziel ist eine benutzerfreundliche, regulatorisch konforme Lösung für den globalen Markt.
Bei Webprojekten stehen für Jens Usability und User Experience im Vordergrund. Jede Seite wird aus der Perspektive des Nutzers gedacht: Wie schnell findet ein Besucher, was er sucht? Wie intuitiv ist die Navigation? Wie fühlt sich die Seite auf dem Smartphone an? Diese Haltung fliesst in jede Entscheidung ein – von der Informationsarchitektur bis zum letzten Pixel.
Sein übergeordnetes Leitbild: technologische Innovation, gesellschaftliche Verantwortung und nachhaltige Wirkung durch digitale Lösungen.
Aufwand im Vergleich – 218h Agentur vs. ~22h Jens Herbst
Die 218 Stunden Arbeit wurden vollständig geleistet – nur nicht von einem Agentur-Team, sondern von Jens Herbst und seinem Agent-Team. Jens steuert, konzipiert, prüft und sichert die Qualität. Die Produktionsarbeit übernehmen die spezialisierten Agenten.
| Aufgabenbereich | Agentur | Jens Herbst |
|---|---|---|
| Projektkonzept & Struktur | 12h | 2–3h |
| Design-Richtung & Review | 30h | 3–4h |
| Bildauswahl & Kuration | 8h | 3–4h |
| Frontend-Entwicklung | 72h | — |
| SEO, Testing & Technik | 46h | — |
| Inhalte, Texte & Korrekturen | 10h | 2–3h |
| Kundenkommunikation & Feedback | 12h | 3–4h |
| Testing & Qualitätskontrolle | 18h | 2–3h |
| DNS, Domain & Deployment | 4h | 1–2h |
| Feinschliff & Revisionen | 6h | 3–4h |
| Total | 218h | ~22h |
«—» bedeutet: Diese Arbeit wird vollständig vom Agent-Team übernommen. Jens prüft und steuert das Ergebnis, schreibt aber keinen Code und optimiert keine Bilder manuell. Die Qualitätskontrolle liegt bei ihm – die Ausführung beim Team.
«Ist das dann eine KI-Seite?» – Nein. Und hier ist warum.
Dieser Einwand ist verständlich – aber er basiert auf einem Missverständnis. Eine «KI-Seite» im negativen Sinn ist eine Seite, bei der jemand einen Knopf drückt und ein generisches Template herausfällt. Kein Konzept, kein Verständnis für die Firma, keine individuelle Anpassung. Das hier ist das exakte Gegenteil.
KI ist bei BoVita Herbst ein Werkzeug – kein Ersatz für Erfahrung. Genauso wie ein Architekt CAD-Software benutzt, statt mit Bleistift auf Papier zu zeichnen, nutzt Jens Herbst KI-Agenten für die Umsetzung. Aber die Entscheidungen – welche Struktur, welches Design, welche Technologie, welche Inhalte – trifft ein Mensch mit über 20 Jahren Erfahrung und 500+ Projekten.
Schau dir diese Website an: 17 individuell gestaltete Seiten, 180 sorgfältig ausgewählte Bilder, ein durchdachtes Farbkonzept mit Light/Dark-Mode, eine interaktive Firmengeschichte seit 1929, ein Kontaktformular mit Datei-Upload und Premium-E-Mail-Template. Das ist keine generierte Seite – das ist ein massgeschneidertes Projekt mit klarer Handschrift.
Der Beweis liegt im Ergebnis: Lade diese Seite auf deinem Handy. Klicke durch die Leistungen. Öffne die Bildergalerie. Teste das Kontaktformular. Vergleiche das mit jeder beliebigen «KI-generierten» Website. Der Unterschied ist offensichtlich.
Kein Template
Jede Seite wurde individuell für De Luigi AG entworfen
Kein Baukasten
Kein Wix, kein Squarespace, kein WordPress-Theme
Keine generischen Texte
Alle Inhalte sind firmenspezifisch und handverlesen
Individuelle Konzeption
Struktur, Navigation und Inhalte auf dein Unternehmen zugeschnitten
Premium-Technologie
Next.js 16, React 19, TypeScript – das Beste auf dem Markt
Menschliche Qualitätskontrolle
Jede Seite geprüft, getestet und freigegeben von Jens Herbst
«Schnell heisst doch billig gemacht?» – Nein.
Das ist ein verständlicher Einwand – aber er greift zu kurz. Geschwindigkeit hat bei BoVita Herbst nichts mit Abkürzungen zu tun. Jede einzelne Zeile Code auf dieser Website wurde geprüft. Jedes der 180 Bilder wurde manuell optimiert. Jede Seite wurde auf fünf Browsern und drei Gerätetypen getestet.
Der Unterschied liegt nicht in der Qualität der Arbeit, sondern in der Effizienz der Ausführung. Ein Agent-Team macht keinen Feierabend, braucht keine Meetings, keine Briefings zwischen Abteilungen und keine Abstimmungsschleifen. Die Arbeit passiert koordiniert, präzise und ohne Reibungsverluste.
Stell dir einen erfahrenen Handwerker vor, der ein Werkzeug benutzt, das zehnmal effizienter ist als ein herkömmliches – das Ergebnis ist nicht schlechter. Es ist dasselbe oder besser, nur schneller fertig.
Agentur-Preis
CHF 38'200
218 Stunden, 27 Arbeitstage
BoVita Herbst
~22h + Agent-Team
Bis zu 90% günstiger
Du sparst
über CHF 35'000
Gleiche Qualität, keine Kompromisse
Zusammenfassung
Eine massgeschneiderte, wartungsfreie Premium-Website – bereit für die nächsten Jahre.
Die neue deluigi.ch vereint modernes Design, blitzschnelle Performance und professionelle SEO-Optimierung. Ohne CMS, ohne Datenbank, ohne Wartungsaufwand – dafür mit maximaler Sicherheit und 24/7-Verfügbarkeit.