Alles aus einer Hand: Website-Relaunch für Ingenieurbüro

Für das Ingenieurbüro Hofmann war der Relaunch seiner Website bei uns in den besten Händen. Nicht nur wir arbeiten mit Herz und Hand an diesem Projekt, sondern auch das Team von IBH war mit dem gleichen Elan bei der Sache. Damit war nach einem gemeinsamen Workshop schnell die Idee gefunden, die Website inhaltlich rund um den Slogan „Ihr Projekt in besten Händen“ aufzubauen.
Gleich zu Beginn wird der Slogan auf der Startseite treffend durch eine Animation – technisch mittels gelooptem HTML5-Video realisiert – aufgegriffen. In der CGI-Blase wird per Zufall bei jedem Aufruf immer ein anderes Produkt präsentiert.
Entsprechend wird textlich immer wieder das Thema „Hände“ aufgegriffen, und zieht sich so als roter Faden durch den Web-Auftritt.
Neben der besonderen Idee war es seitens IBH ein Anliegen, dass die einzelnen Seiten relativ kompakt gehalten sein sollten, und Besucher so schnell einen Überblick über die Inhalte gewährt wird. Ein Aspekt des aufgeräumten Auftretens sind die sogenannten Toggles – Elemente zum Auf- und Zuklappen. Das in Zusammenarbeit mit IBH entwickelte zeitlose Flat-Design bestimmt den neuen, klaren Look der Website. Dadurch reduziert sich die Optik auf das Wesentliche und kommt so ohne plastische Effekte wie Rundungen, Verläufe oder Schatten aus. Unterschiedliche Layout-Komponenten nehmen dabei gekonnt die Unternehmensfarbe Cyan auf.

Im modernen Layout präsentiert sich die serifenlose Schriftart „Libre Franklin“ im Light- und Bold-Schnitt von ihrer besten Seite. Die zeitgemäße, sehr elegante Formensprache passt bestens zum klaren Corporate Design. Der Font ist hervorragend für die Darstellung am Bildschirm geeignet und mit vielen weiteren Schriftschnitten optimal ausgebaut.
Als Gegenstück kommt auf der Startseite die „Kalam“ als verspieltere Slogan-Schrift zum Einsatz, die hierbei duktusbedingt nochmal das Thema „In besten Händen“ verdeutlicht.

Das Layout gestalteten wir bei allen Einzelseiten als klassischen Zweispalter, mit einem frei gestaltbaren Content-Bereich und Kontaktdaten sowie ergänzenden Inhalten in der Seitenspalte. Eingeleitet wird dieser durch den großzügigen Header mit einer thematisch passenden Kopfgrafik. Logo und Navigation mit Social Media Links werden in einer schmalen Leiste dargestellt. Der Footer bildet einen ansprechenden Abschluss, der durch die vollfarbige Hinterlegung dem Web-Auftritt eine solide Basis gibt.

Im Front-end setzten wir auf modernes HTML5, CSS3 und diverse JavaScript-Funktionen, die hauptsächlich mit dem JS-Framework jQuery aufgebaut sind, wozu beispielsweise die Auf-/Zuklapp-Mechanismen zählen. Hover-Effekte von Links, wie u. a. bei den Boxen der Homepage, wurden auf moderne Weise mittels CSS3-Transitions umgesetzt.
Der neue Web-Auftritt ist selbstverständlich bestens für verschiedene Ausgabegrößen und -medien, wie z. B. Smartphones oder Tablets optimiert. Erreicht wird dies v. a. durch den Aufbau des HTML-Grundgerüsts mit dem Boilerplate „Skeleton“ in Verbindung mit CSS3-Media-Queries, welche eine schnelle Umsetzung eines reaktiven Layouts ermöglichen.

Im Back-end kommt unser Haus-CMS „webEdition“ zum Einsatz, mit dem wir schnell und flexibel individuelle Funktionen umsetzen, und somit problemlos alle Kundenwünsche realisieren konnten. Dadurch, und durch die Art unserer Programmierung, ist der Internetauftritt auch weiterhin jederzeit ausbaubar.
Auch sonst sind alle Seiten, u. a. durch die automatisierte Meta- und OG-Tags-Generierung, die sprechenden URLs, und natürlich den Content selbst, bestens für die Auffindbarkeit in Google & Co. optimiert. Im Zuge der Online-Stellung waren zudem in unserem Weiterleitungskonzept diverse 301er-Weiterleitungen mittels einer htaccess-Datei angedacht, sodass die bereits in Suchmaschinen indexierten Seiten nicht ins Leere laufen.

Alles aus einer Hand: Integration von Google Analytics, Fotoshooting vor Ort und anschließende Bildbearbeitung, Abhalten einer Schulung zur Pflege des CMS sowie das Redigieren von Texten und das Einpflegen der Inhalte rundeten unser Full-Service-Angebot zum Website-Relaunch ab.

Ingenieurbüro Hofmann GmbH

Das Ingenieurbüro Hofmann ist seit 1987 erfolgreich als inhabergeführter Entwicklungspartner namhafter Auftraggeber in der Entwicklung und Konstruktion von Sondermaschinen und der Produktentwicklung tätig. Gute Ideen und Lösungen aus einer Hand: Das Ingenieurbüro Hofmann GmbH begleitet innovative Unternehmen von der Planungsphase über die Konstruktion bis hin zur Realisierung ihrer Projekte.