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

 
 

Auch Ingenieure brauchen Profis, wenn es um die Überarbeitung ihres Onlineauftritts geht. Den Ingenieuren von HITZLER durften wir in diesem Fall weiterhelfen und haben die bisherige Website mit Fokus auf die Nutzergruppe komplett überarbeitet.

 
 
 
 
Startseite mit neuem Slider-Element
 
 

Mut zu Neuem

Mit einer völlig neuen Menüführung, einem neuen Farb- und Bildkonzept wurde die Website inklusive der Inhalte komplett umgekrempelt. Im Sinne der Usability mussten einige Änderungen im Aufbau, aber auch in der Handhabung der Seite vorgenommen werden. So wurde z. B. die E-Vergabe mit den aktuellen Ausschreibungen barrierefrei umgestaltet. Statt in einem Akkordeon-Element werden die Dateien nun in Projektgruppen aufgeführt und sind durch eine Ankernavigation 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 neuen Element können unterschiedliche Inhalte, wie Listen und Bilder (auch Links sind hier möglich) eingefügt werden. Ein roter Ladebalken deutet an, wann der Inhaltswechsel erfolgt.

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

Die bestehende Sitemap der Ingenieure 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 Aufbau der Seite, wurden 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 aber auch auf die 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 präsentieren zu können, wurden im Zuge des Website Relaunchs einige Referenzobjekte neu fotografiert. Die neuen Bilder wurden mit einem repräsentativen Fullscreen-Design in Szene gesetzt. Die Inhalte werden mit einem transparenten und ausblendbarem Overlay präsentiert.

 
 
 
 
Branchen der HITZLER INGENIEURE – Fullscreen-Design
 
 
 

Last but not least: Usability

Bei einem Website Relaunch steht neben neuen Inhalten und einer grundsätzlichen Überarbeitung des Screendesigns auch  immer die Usability (UI) und User Experience (UX) im Fokus. Für diese Benutzerfreundlichkeit und das Nutzererlebnis wurden bei der HITZLER-Website mehrere Faktoren überarbeitet. Zum einen haben wir uns an das Farbkonzept der Ingenieure gewagt und diesem eine neue Farbe – ein Petrol – hinzugefügt. Da Rot, die bisherige Hauptfarbe der Website, von Nutzern in der Regel als Warnfarbe wahrgenommen wird, wurde es speziell bei Schaltflächen durch die neue Farbe ersetzt. Das HITZLER-Rot taucht weiterhin auf der Website auf; nun allerdings als Akzentfarbe in Ladebalken und der Statusanzeige im Menü. 

 
 
 
 

Ein weiterer Punkt im Sinne von UI/UX waren verschiedene Interaktionen und Animationen, die als Aufforderungen und Feedback für die Nutzer integriert wurden. Die Besucher der Website werden anhand eines animierten Maus-Icons zum Scrollen ermuntert und erkennen klickbare Schaltflächen durch Farbwechsel und/oder Skalierung beim Mouseover.

 
 

Der Vergleich

 
 

Website Relaunch

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