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.

verfügbar für Arbeit

Neugierig, was wir gemeinsam schaffen können? Lassen Sie uns etwas Außergewöhnliches zum
Leben erwecken!

Info@hausalshaar.com

All rights reserved, ©2025

verfügbar für Arbeit

Neugierig, was wir gemeinsam schaffen können? Lassen Sie uns etwas Außergewöhnliches zum
Leben erwecken!

Info@hausalshaar.com

All rights reserved, ©2025

verfügbar für Arbeit

Neugierig, was wir gemeinsam schaffen können? Lassen Sie uns etwas Außergewöhnliches zum
Leben erwecken!

Info@hausalshaar.com

All rights reserved, ©2025