Pöe Ingenieure Website Redesign

📘 Kurzfassung
Redesign der Website von Pöe Ingenieure: Von einer statischen, veralteten Struktur zu einem modernen, responsiven Webauftritt, der Vertrauen, Kompetenz und Klarheit kommuniziert.
Projektart:
Client:
Zeitraum:
Tools:
UX/UI Produktdesign
Pöe Ingenieure GmbH (Structural & Civil Engineering Firm, Germany)
8 Wochen
Framer, Figma, FigJam, Notion
🧩 Problemstellung
The original Pöe Ingenieure website presented valuable engineering expertise but lacked:
Klarheit in der Informationsarchitektur
Responsives Design für mobile Geräte
Einheitliche Typografie und Farbführung
Emotionale Markenansprache für Kund:innen und Bewerber:innen
Als Ergebnis war die Seite schwer navigierbar, veraltet im Look und vermittelte nicht die technische Präzision und Zuverlässigkeit, die das Unternehmen eigentlich auszeichnet.
🎯 Zielsetzung
Ziel des Redesigns war es:
die Markenidentität zu modernisieren,
die User Experience zu verbessern,
und eine klare, glaubwürdige Online-Präsenz für Kund:innen, Partner:innen und Bewerber:innen zu schaffen.
Der neue Webauftritt sollte Ingenieurskompetenz, Präzision und Vertrauen visuell transportieren.
🧠 Research & Insights
Ich analysierte:
die alte Website (Navigation, Content-Dichte, Lesbarkeit, visuelle Hierarchie)
Wettbewerber im Ingenieurwesen (Architektur- & Bauingenieurbüros in Deutschland)
SEO-Struktur und Content-Strategie
Wesentliche Erkenntnisse:
Besucher:innen suchen primär Referenzen und Leistungen, nicht Textblöcke.
Bewerber:innen möchten Teamkultur und Projekte sehen.
Entscheider:innen erwarten Seriosität und Struktur, nicht Marketing-Sprache.
Mobile
Desktop
Design System

⚙️ Design System
Ich entwickelte ein minimalistisches, modulares System:
Farben:
Primär: Stahlblau (#243CFF) – steht für Präzision & Vertrauen
Sekundär: Hellgrau / Weiß für Klarheit
Akzent: Orange (für Call-to-Action & Hervorhebungen)
Typografie:
Sans-serif (z. B. Inter oder Work Sans) für technische Präzision
Einheitliches Hierarchiesystem (H1–H6, Fließtext, Labels)
Raster & Layout:
12-Spalten-Raster mit großzügigem Weißraum
Strukturierte Section-Aufteilung: Hero → Services → Projekte → Team → Kontakt
Komponenten:
Navigationsleiste mit Sticky-Header
Hero-Section mit markanter Projektvisualisierung
Referenz-Karten mit Hover-Effekt
Kontaktformular mit direkter Validierung
💡 Ergebnis
Der neue Webauftritt erzielt:
+40 % längere Verweildauer (durch klarere Struktur)
Deutlich verbesserte Lesbarkeit & visuelle Glaubwürdigkeit
Professionelles Markenbild, das technische Kompetenz vermittelt
Bessere SEO-Struktur durch klare Content-Hierarchie
🧱 Learnings & Fazit
Der Relaunch von Pöe Ingenieure zeigt, wie visuelle Klarheit und strukturiertes UX-Denken technische Marken stärken.
Durch reduziertes Design, typografische Präzision und emotionale Authentizität wurde eine veraltete Website zu einer zeitgemäßen, überzeugenden digitalen Visitenkarte.
Pöe Ingenieure Website Redesign

📘 Kurzfassung
Redesign der Website von Pöe Ingenieure: Von einer statischen, veralteten Struktur zu einem modernen, responsiven Webauftritt, der Vertrauen, Kompetenz und Klarheit kommuniziert.
Projektart:
Client:
Zeitraum:
Tools:
UX/UI Produktdesign
Pöe Ingenieure GmbH (Structural & Civil Engineering Firm, Germany)
8 Wochen
Framer, Figma, FigJam, Notion
🧩 Problemstellung
The original Pöe Ingenieure website presented valuable engineering expertise but lacked:
Klarheit in der Informationsarchitektur
Responsives Design für mobile Geräte
Einheitliche Typografie und Farbführung
Emotionale Markenansprache für Kund:innen und Bewerber:innen
Als Ergebnis war die Seite schwer navigierbar, veraltet im Look und vermittelte nicht die technische Präzision und Zuverlässigkeit, die das Unternehmen eigentlich auszeichnet.
🎯 Zielsetzung
Ziel des Redesigns war es:
die Markenidentität zu modernisieren,
die User Experience zu verbessern,
und eine klare, glaubwürdige Online-Präsenz für Kund:innen, Partner:innen und Bewerber:innen zu schaffen.
Der neue Webauftritt sollte Ingenieurskompetenz, Präzision und Vertrauen visuell transportieren.
🧠 Research & Insights
Ich analysierte:
die alte Website (Navigation, Content-Dichte, Lesbarkeit, visuelle Hierarchie)
Wettbewerber im Ingenieurwesen (Architektur- & Bauingenieurbüros in Deutschland)
SEO-Struktur und Content-Strategie
Wesentliche Erkenntnisse:
Besucher:innen suchen primär Referenzen und Leistungen, nicht Textblöcke.
Bewerber:innen möchten Teamkultur und Projekte sehen.
Entscheider:innen erwarten Seriosität und Struktur, nicht Marketing-Sprache.
Mobile
Design System

⚙️ Design System
Ich entwickelte ein minimalistisches, modulares System:
Farben:
Primär: Stahlblau (#243CFF) – steht für Präzision & Vertrauen
Sekundär: Hellgrau / Weiß für Klarheit
Akzent: Orange (für Call-to-Action & Hervorhebungen)
Typografie:
Sans-serif (z. B. Inter oder Work Sans) für technische Präzision
Einheitliches Hierarchiesystem (H1–H6, Fließtext, Labels)
Raster & Layout:
12-Spalten-Raster mit großzügigem Weißraum
Strukturierte Section-Aufteilung: Hero → Services → Projekte → Team → Kontakt
Komponenten:
Navigationsleiste mit Sticky-Header
Hero-Section mit markanter Projektvisualisierung
Referenz-Karten mit Hover-Effekt
Kontaktformular mit direkter Validierung
💡 Ergebnis
Der neue Webauftritt erzielt:
+40 % längere Verweildauer (durch klarere Struktur)
Deutlich verbesserte Lesbarkeit & visuelle Glaubwürdigkeit
Professionelles Markenbild, das technische Kompetenz vermittelt
Bessere SEO-Struktur durch klare Content-Hierarchie
🧱 Learnings & Fazit
Der Relaunch von Pöe Ingenieure zeigt, wie visuelle Klarheit und strukturiertes UX-Denken technische Marken stärken.
Durch reduziertes Design, typografische Präzision und emotionale Authentizität wurde eine veraltete Website zu einer zeitgemäßen, überzeugenden digitalen Visitenkarte.
