Website Relaunch
HITZLER INGENIEURE Content Management, Development, Frontend-Entwicklung, Konzeption, Projektmanagement, Screendesign, Usability/User Experience
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.
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.
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.
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
