Website Relaunch

HITZLER INGENIEURE Content Management, Development, Frontend-Entwicklung, Konzeption, Projektmanagement, Screendesign, Usability/User Experience

Neuer online Auftritt der Hitzler Ingenieure

Online-Auftritt für Hitzler Ingenieure

 
 

Für die aktuelle Überarbeitung ihres Onlineauftritts vertrauten die Ingenieure von Hitzler auf FIGGE+SCHUSTER. Ergebnis: Ein rundherum gelungener Relaunch, der das namhafte Ingenieurbüro wieder ins richtige Licht rückt.

 
 
 
 
Startseite mit neuem Slider-Element
 
 

Mut zu Neuem

Mit einer völlig neuen Menüführung sowie einem neuen Farb- und Bildkonzept wurde die Website inklusive aller Inhalte komplett umgestaltet. Im Sinne einer bestmöglichen Usability mussten dabei auch einige Änderungen sowohl im Aufbau als auch in der Handhabung der Site vorgenommen werden.

So wurde zum Beispiel die E-Vergabe mit den aktuellen Ausschreibungen barrierefrei umgestaltet. Statt in einem Akkordeon-Element werden die Dateien nun in Projektgruppen aufgeführt. Durch eine Ankernavigation sind sie auch mobil leicht erreichbar. 

Die Startseite wurde auf Kundenwunsch kurz gehalten. Um dennoch verschiedene Themenbereiche präsentieren zu können, konzipierten wir einen speziellen Slider. In diesem können unterschiedliche Inhalte wie Listen und Bilder eingefügt werden. Auch Links sind hier möglich. Ein roter Ladebalken deutet an, wann der Inhaltswechsel erfolgt.

 
 
 
 
 
Änderungen an der Sitemap – Optimierung für mobile Geräte

Die bestehende Sitemap der Website wurde komplett umgestellt und überarbeitet. Nach einer ausgiebigen Analyse wurden die früheren zehn Menüpunkte auf schlanke fünf gekürzt.

 
 

Platz sinnvoll nutzen

Neben dem generellen Aufbau der Website wurden auch die einzelnen Inhalte für den Relaunch komplett neu aufbereitet. Bei den Texten stand zum einen die Informationsvermittlung im Fokus, zum anderen konzentrierten wir uns auch auf eine Verbesserung des Rankings in Suchmaschinen.

 
 
 
 

Ein gutes Bild sagt mehr als tausend Worte…

Um auch im Bereich Bilder den Platz sinnvoll zu nutzen und die Arbeiten der Ingenieure gebührend zu präsentieren, wurden im Zuge des Relaunchs einige Referenzobjekte neu fotografiert. Die Bilder wurden mit einem repräsentativen Fullscreen-Design in Szene gesetzt, die zugehörigen Inhalte werden mit einem transparenten und ausblendbaren Overlay präsentiert.

 
 
 
 
Branchen der HITZLER INGENIEURE – Fullscreen-Design
 
 
 

Last but not least: Usability

Bei einem Website-Relaunch geht es – neben neuen Inhalten und einer grundsätzlichen Überarbeitung des Screendesigns – immer auch um die Qualitäten Usability (UI) und User Experience (UX), zu Deutsch: Benutzerfreundlichkeit und Nutzererlebnis.

Hierzu wurden bei der Hitzler-Website mehrere Elemente überarbeitet. Unter anderem fügten wir dem bisherigen Farbkonzept eine neue Farbe – Petrol – hinzu. Grund: Rot, die bisherige Hauptfarbe der Website, wurde von Nutzern in der Regel als Warnfarbe wahrgenommen. Speziell bei Schaltflächen wurde sie daher durch die neue Farbe ersetzt. Nach wie vor ist das Hitzler-Rot jedoch Bestandteil der Website, nun aber als Akzentfarbe in Ladebalken sowie in der Statusanzeige im Menü. 

 
 
 
 

Einen weiteren Punkt im Sinne von UI/UX bilden verschiedene Interaktionen und Animationen, die als Aufforderungen und Feedback für die Nutzer in die Website integriert wurden. Besucher der Site werden anhand eines animierten Maus-Icons zum Scrollen ermuntert; klickbare Schaltflächen erkennen sie durch Farbwechsel und/oder einer Skalierung beim Mouseover.

 
 

Vorher und nachher im Vergleich

 
 

Website Relaunch

HITZLER INGENIEURE - Online Auftritt für das international tätige Unternehmen HITZLER – Fokus auf SEO, Usability und User Experience.
 

Daten­schutz­ein­stellungen

Diese Webseite nutzt externe Komponenten, wie z.B. Videos oder Analysewerkzeuge, welche alle dazu genutzt werden können, Daten über Ihr Verhalten zu sammeln. Dabei werden von den externen Komponenten ggf. auch Cookies gesetzt. Die Einwilligung zur Nutzung der Komponenten können Sie jederzeit widerrufen.
Mehr dazu in unserer Datenschutzerklärung