
Website-Relaunch für ein Ingenieurbüro: Ladezeit von 2,3 auf 1,38 Sekunden
Wir haben für IB Dr. Petry einen vollständigen Relaunch der Webseite durchgeführt – mit einem frischen Design, optimierter Benutzererfahrung und umfangreichen neuen Inhalten. Das Ergebnis: Eine moderne Online-Präsenz, die überzeugt.
Wie bekommt ein Ingenieurbüro eine zeitgemäße, schnellere Website?
- 01
Die alte Website des Ingenieurbüros für Lichttechnik war veraltet, überladen und nicht mobil optimiert.
- 02
Vollständiger Relaunch mit modernem Design, klarer Navigation und überarbeiteten Inhalten.
- 03
Dynamisches Mega-Menü und ein parametergestütztes Tracking-System zeigen, über welchen Call-to-Action eine Anfrage kam.
- 04
Selbst pflegbarer Wissensbereich auf Basis von Custom Post Types und Elementor.
- 05
Ladezeit sank von 2,3 auf 1,38 Sekunden, dazu höhere Sichtbarkeit durch On-Page-SEO.
Stand 07.11.2025 · Gründer der Unicorn Factory Media GmbH Florian Konrad
Das Projekt auf einen Blick
- Kunde
- Ingenieurbüro Dr. Petry & Partner mbB – Ingenieur, Physiker und Betriebswirt
- Standort
- Offenbach am Main, Deutschland
- Projektdauer
- 01.07.2024 – 31.10.2024
- Domain
- ib-dr-petry.de
- Technologie / CMS
- WordPress, PHP / Custom, Elementor
- Branche
- B2B / Industrie
- Features / Funktionen
- Blog / Content, Custom Plugin
- Marketing
- SEO, Performance, Analytics
- Leistungen
- WordPress, PHP / Custom, Elementor, SEO, Performance, Analytics, Blog / Content, Custom Plugin
Alles auf einen Blick: Highlights und Details
Entdecke die entscheidenden Highlights dieses Projekts: Von der präzisen Umsetzung über kreatives Design bis hin zu beeindruckenden Ergebnissen. Hier wird sichtbar, wie technische Exzellenz, strategische Optimierung und visuelle Perfektion Hand in Hand gehen, um ein erfolgreiches und nachhaltiges Ergebnis zu schaffen.
Mehr Sichtbarkeit. Mehr Erfolg.
Mit gezielten SEO-Maßnahmen haben wir die Sichtbarkeit dieses Projekts nachhaltig gesteigert.
Blitzschnell geladen – schneller als du scrollen kannst.
Mit Fokus auf Performance und Geschwindigkeit bieten wir ein Nutzererlebnis ohne Unterbrechungen.
Ergebnisse, die begeistern
Klare Zahlen und sichtbare Erfolge – die Ergebnisse sprechen für sich und zeigen den Mehrwert dieses Projekts.
Zukunftssicher und skalierbar
Ein flexibles Backend, das sich leicht erweitern lässt und für zukünftige Anforderungen gerüstet ist.
Einblicke in die neue Website

Screenshot der neuen Startseite von ib-dr-petry.de 
Screenshot der Kontaktseite von ib-dr-petry.de 
Screenshot der Referenzen-Seite von ib-dr-petry.de 
Screenshot der Team-Seite von ib-dr-petry.de
Ein Blick auf den Wandel
Erleben Sie die Transformation: Unser Vorher-Nachher-Vergleich zeigt die gezielten Verbesserungen, die wir vorgenommen haben, um Design, Funktionalität und Benutzererlebnis zu optimieren. Sehen Sie selbst, wie unsere Lösungen den Unterschied machen.

Das alte Design wirkte überladen und nicht mehr zeitgemäß. Wichtige Inhalte gingen in der Darstellung unter, und die Benutzerführung entsprach nicht den heutigen Anforderungen.

Das neue Design überzeugt durch klare Strukturen, moderne Elemente und eine benutzerfreundliche Navigation. Die Leistungen und Referenzen werden gezielt hervorgehoben und die Seite ist optimal für verschiedene Endgeräte angepasst.
Schnellere Ladezeiten
Jede Sekunde zählt: Lädt Ihre Website länger als 3 Sekunden, verlassen bereits 32% Ihrer Besucher die Seite – noch bevor sie Ihr Angebot gesehen haben. Bei 7 Sekunden sind es sogar 113% mehr Absprünge. Die Auswirkung auf Ihr Business: Von 100 Besuchern springen über die Hälfte bei langsamen Ladezeiten ab. Diese potenziellen Kunden sehen Ihr Angebot nie und orientieren sich anderweitig. Schnelle Ladezeiten sind ein entscheidender Wettbewerbsvorteil.
| Aspekt | Alte Webseite | Neue Webseite |
|---|---|---|
| Ladezeit | 2,3s | 1,38s |
So lösen wir Herausforderungen für unsere Kunden
- 01
Problem
Die alte Webseite von IB Dr. Petry war veraltet, unübersichtlich und nicht mobil optimiert. Dies erschwerte es Nutzern, Informationen zu finden, und schränkte die Sichtbarkeit in Suchmaschinen erheblich ein.
- 02
Strategie
Wir führten einen vollständigen Relaunch durch, mit modernem Design, klar strukturierter Navigation und optimierten Inhalten. Technische Verbesserungen wie Mobiloptimierung, Performance-Steigerung und eine gezielte SEO-Strategie sorgten für eine stabile und sichtbare Online-Präsenz.

- 03
Ergebnisse
Die neue Webseite überzeugt mit einem professionellen Design, besserer Nutzerfreundlichkeit und höherer Suchmaschinenplatzierung. Potenzielle Kunden finden schneller relevante Informationen, was die Marke IB Dr. Petry effektiv stärkt.
Neue Website-Besucher auch mobil überzeugen
Eine moderne, mobil-optimierte Website ist heute unerlässlich, um sowohl neue Kunden als auch potenzielle Mitarbeiter zu überzeugen. Unsere Designs sind darauf ausgelegt, Inhalte ansprechend und nutzerfreundlich auf allen Geräten darzustellen – vom Smartphone bis zum Desktop. So wird Ihre Online-Präsenz zum echten Hingucker und erfüllt gleichzeitig alle Erwartungen an Funktionalität und Ästhetik.
Highlights des Projekts: Innovation und Funktionalität
Dynamisches Mega-Menü · Tracking-System für Kontaktanfragen
Innovatives, dynamisches Mega-Menü
Wir haben ein maßgeschneidertes Mega-Menü entwickelt, das die Menüstruktur dynamisch ausgibt und sich automatisch an Änderungen anpasst. Dank der Kombination aus HTML, CSS und JavaScript bietet das Menü ein modernes Design mit hoher Benutzerfreundlichkeit – sowohl auf Desktop- als auch auf mobilen Geräten. Die mobile Version wurde speziell optimiert, um eine intuitive Navigation auf allen Endgeräten zu gewährleisten.

Erfassung des Nutzerpfads über ein parametergestütztes Tracking-System
Wir haben ein fortschrittliches Tracking-System entwickelt, das Parameter wie die Seiten-ID, die Position des Call-to-Actions (z. B. Footer-CTA) und den Seitentitel erfasst. Diese Informationen werden automatisch in ein verstecktes Feld des Kontaktformulars eingefügt. Beim Absenden der Anfrage werden diese Parameter in der E-Mail mitgesendet, sodass genau nachvollzogen werden kann, auf welcher Seite der Nutzer eingestiegen ist und welcher Call-to-Action ihn zum Kontaktformular geführt hat. Dadurch erhält das Unternehmen wertvolle Einblicke in das Nutzerverhalten und kann gezielt Optimierungen vornehmen.

Wissensbereich im Frontend: Fachinhalte ansprechend präsentiert
Das Frontend veranschaulicht, wie Wissensseiten für den Kunden im benutzerdefinierten CMS erstellt und dargestellt werden. Jede Seite kombiniert klare Zusammenfassungen, handlungsorientierte Call-to-Actions und ausführliche Inhalte, die übersichtlich und visuell ansprechend aufbereitet sind. Das Ziel ist eine optimale Benutzererfahrung, die den informativen Charakter der Inhalte hervorhebt.

Wissensmanagement im Backend: Inhalte einfach selbst verwalten
Das Backend des Wissensbereichs wurde speziell auf die Bedürfnisse des Kunden angepasst. Über benutzerdefinierte Custom Post Types kann der Kunde neue Wissensseiten eigenständig anlegen, kategorisieren und veröffentlichen. Der Bearbeitungsbereich bietet eine intuitive Oberfläche, in der Texte, Bilder und Layouts flexibel angepasst werden können. Dank der Integration von Elementor und maßgeschneiderten Snippets lassen sich auch anspruchsvolle Inhalte effizient umsetzen, ohne technisches Know-how vorauszusetzen.

Gezielte SEO-Maßnahmen für maximale Reichweite
Mit einer umfassenden On-Page-Optimierung, einschließlich Ladezeitenverbesserung und Keyword-Optimierung, haben wir die Webseite technisch und inhaltlich auf ein neues Level gebracht. Das Ergebnis: Eine höhere Sichtbarkeit in Suchmaschinen und ein verbessertes Nutzererlebnis.
Ladezeiten-Optimierung
Um die Geschwindigkeit der Webseite zu verbessern, haben wir sämtliche Bilder komprimiert und optimierte Formate verwendet. Dies reduziert die Ladezeit erheblich, was nicht nur die Nutzererfahrung verbessert, sondern auch positiv auf die Bewertung durch Suchmaschinen wirkt.
Keyword-Optimierung
Basierend auf einer Analyse der relevanten Suchbegriffe haben wir zielgerichtete Keywords in den Texten, Überschriften und Meta-Daten integriert. Diese Maßnahmen erhöhen die Relevanz der Webseite und verbessern ihre Auffindbarkeit in den Suchmaschinen.
Content-Optimierung
Die Inhalte wurden überarbeitet und klar strukturiert, um sie für Nutzer und Suchmaschinen besser zugänglich zu machen. Zusätzlich haben wir interne Links strategisch eingesetzt, um die Navigation zu erleichtern und die Verbindung zwischen den Seiten zu stärken.
Bilder-SEO
Durch die Komprimierung und Optimierung der Bildgrößen wurde die Ladezeit der Webseite erheblich verbessert, was sich positiv auf die Nutzererfahrung und die Performance auswirkt.
Design System
Logo

Schriften
- Überschriften
- Arial
- Fließtext
- Arial
Farben
Primärfarbe
#E0593C
Sekundärfarbe
#333333
Hintergrundfarbe
#FFFFFF
Textfarbe
#575654
Aus dem Projektteam
„Unser Ziel ist es, innovative und maßgeschneiderte Lösungen zu liefern, die nicht nur gut aussehen, sondern auch messbare Ergebnisse erzielen.“

Die Ergebnisse in Zahlen
- 2,3s → 1,38s
- Ladezeit (alte vs. neue Webseite)
- 100%
- Umsetzung mit WordPress
Für wen sich dieser Ansatz eignet.
B2B-Dienstleister mit erklärungsbedürftigem Angebot
Der selbst pflegbare Wissensbereich passt auf jedes Unternehmen mit wiederkehrenden Fachinhalten.
Unternehmen, die Anfragen einer Marketingmaßnahme zuordnen wollen
Das parametergestützte Tracking zeigt für jede Seite, welcher Call-to-Action eine Anfrage ausgelöst hat.
Was dieser Fall nicht zeigt.
- Die genannten Kennzahlen betreffen Ladezeit und On-Page-SEO; Ranking- oder Traffic-Zahlen werden nicht genannt.
Kurz beantwortet.
Wie lässt sich nachvollziehen, über welchen Call-to-Action eine Anfrage kam?
Ein parametergestütztes Tracking erfasst Seiten-ID, CTA-Position und Seitentitel und sendet sie versteckt mit dem Kontaktformular mit – so lässt sich der Einstiegspunkt jeder Anfrage nachvollziehen.
Weitere Referenzen.
Aus unseren Projekten
- Galamaga – Fachübersetzungen & DolmetschenGalamaga – Fachübersetzungen & Dolmetschen · Referenz
- mickbeats – Schlagzeugunterricht mit neuer Webpräsenzmickbeats · Referenz
- Kayon Tattoo AtelierKayon Tattoo Atelier · Referenz
- VSZ e.V. – Migration von Joomla zu WordPress mit modernem DesignVerein zur Sicherung der Zusatzversorgungsrente VSZ e.V. · Referenz
Ihre Website soll mehr leisten? Erzählen Sie uns, was fehlt.
Wir schauen uns Ihre Seite an und sagen offen, ob ein Relaunch, eine Migration oder gezielte Verbesserungen der richtige Weg sind.
5,0 aus 63 Google-Bewertungen

Florian Konrad
Gründer der Unicorn Factory Media GmbH bei Unicorn Factory