Website Relaunch

Hagebau Schneider Workshop, Analyse, Bildkonzept, Content Management, Corporate Design, Development, Frontend-Entwicklung, Konzeption, Logogestaltung, Projektmanagement, Screendesign, Usability/User Experience

Außenansicht des hagebau Schneider Baucentrums

Relaunch Website Hagebau Schneider

Die 1896 gegründete Jos. Schneider GmbH betreibt unter anderem 13 hage baumärkte. In der Kommunikation nutzte das Unternehmen dazu die von hagebau zur Verfügung gestellte allgemeine Baumarkt-Website sowie eine weitere Site für die Standorte Feldkirchen-Westerham und Erlstätt.

Letztere wurde dabei in Eigenregie erstellt, enthielt eher wenig Inhalt und war nur bedingt für die mobile Nutzung optimiert. Für eine klare Kommunikation der Unternehmensbereiche, der Standorte wie auch des Sortiments wurde daher FIGGE+SCHUSTER mit einer grundlegenden Neukonzeption beauftragt. 

Im Vorfeld wurde dazu auch das Logo überarbeitet – der lange Werdegang des Unternehmens, verbunden mit einem schnellen Wachstum in den letzten Jahren, hatte zu einer großen Anzahl an unterschiedlichen Logo-Varianten geführt, ohne konkrete Regeln und Vorgaben zur Nutzung.

 

Einheitliche Marke für die gesamte Unternehmensgruppe

Überarbeitung des Logos

Da das Logo in Zukunft auch für andere Standorte und Unterfirmen Verwendung finden sollte, musste dies im gesamten Prozess der Neukonzeption berücksichtigt werden. Beim allgemeinen Unternehmenslogo wurde der Zusatz "Baucentrum" integriert. Das Logo funktioniert aber künftig auch mit anderen Zusätzen problemlos.

 

Da das Logo in Zukunft auch für andere Standorte und Unterfirmen Verwendung finden sollte, musste dies im gesamten Prozess der Neukonzeption berücksichtigt werden.

Bei dem allgemeinen Unternehmenslogo wurde der Zusatz "Baucentrum" integriert. Das Logo funktioniert zukünftig aber auch mit anderen Zusätzen problemlos.

Die bisherige Form der Wortmarke wurde – wie im Vorher-Nachher-Vergleich gut sichtbar – aufgegriffen und verfeinert. Die Bildmarke (das Haus) wurde als Erweiterung in die Wortmarke integriert. 

Aus diesen Änderungen ergibt sich ein neues und speziell auf Websites besser zu integrierendes Format.

 
 
 
 

Beim Logo-Redesign wurden die sehr unterschiedlichen Platzierungsanforderungen im Unternehmen und dem zugehörigen Umfeld sorgfältig beachtet – unter anderem wird das Logo auf Firmenwägen, Fassaden, Berufsbekleidung und Hinweisschildern verwendet. Es muss daher in unterschiedlichsten Größen und auf verschiedensten farbigen Flächen platziert werden können.

Das neue Schneuder Baucentrums-Logo im Einsatz
 

Authentizität durch eigene Fotos

Zu Beginn des Website-Relaunches stand die Frage, welche Fotos für die Site verwendet werden sollten. Schnell war klar, dass eine durchgehende Verwendung von Bildagentur-Fotos bedeuten würde, wertvolles Potenzial zu verschenken. Stattdessen fiel die Wahl auf eigens zu fotografierende, reale Bilder des Unternehmens mit seinen Mitarbeiterinnen und Mitarbeitern.

 
Aufnahme Shoting beim Schneider Baucentrum

Hierzu erstellte FIGGE+SCHUSTER ein umfangreiches Fotobriefing, welches sowohl die Anforderungen des generellen Corporate Designs wie auch des neuen Website-Designs berücksichtigte. Im Sinne einer optimalen Qualitätskontrolle begleiteten wir zudem das Shooting vor Ort.

 
 
 

Betreuung Fotoshooting vor Ort

Die Fotoshootings fanden an je einem Tag an den Standorten Erlstätt am Chiemsee und Feldkirchen-Westerham statt. Nach vielen Fotos war eine solide Grundlage geschaffen, um die beiden Standorte, das umfangreiche Sortiment und die zahlreichen Services auf der neuen Website visuell ansprechend transportieren zu können.

Eine Checkliste für das Shooting erleichtert allen Beteiligten den Überblick 
Eine Checkliste für das Shooting erleichtert allen Beteiligten den Überblick
 

Nutzerfreundliche Websites = optimierte Ladegeschwindigkeit

Studien und Untersuchungen zeigen regelmäßig, dass langsame Websites bei Nutzern unbeliebt sind: Sobald eine Website eine zu lange Ladezeiten aufweist – vor allem bis die ersten Inhalte sichtbar sind –, suchen Nutzer in der Regel sofort nach Alternativen.

Die Seitengeschwindigkeit, der so genannte Page Speed, wirkt sich seit den letzten Updates des Google-Algorithmus auch zunehmend stärker auf das Google-Ranking aus, ob bei einer Suche auf dem Desktop oder auf Mobilgeräten.

Die Optimierung der Ladegeschwindigkeit ist daher bei der Konzeption und Umsetzung einer Website ein wichtiger Faktor. Auch hier überzeugte die Lösung von FIGGE+SCHUSTER: Die neue Site erreicht im Google-Test einen hervorragenden Speed Score von 99 von 100 Punkten in der Desktopversion.

99 % Page Speed Score nach Website Relaunch

Umsetzung der Website: Ergebnis

Während es auf der alten Site kaum Informationen zum Sortiment und den Leistungen gab, werden diese nun auf den neuen Unterseiten klar kommuniziert. Für jede Sortiment-Kategorie gibt es eine Detailseite, auf der die speziellen Sortiment-Bereiche visuell und auch textlich vermittelt werden. Der Nutzer hat somit die Möglichkeit, sich vorab über Produkte zu informieren – oder diese über die stets gut erreichbaren Kontaktmöglichkeiten direkt anzufragen.

 
 
 
 
 

Auf der Startseite werden die Sortiment-Kategorien sowie die einzelne Services in Form von Slidern präsentiert. Sie bieten damit die Möglichkeit, schnell und einfach auf die jeweiligen Detailseiten zuzugreifen, um tiefergehende Informationen zu erhalten. 

Vorteil für den Betreiber: Durch die technische Integration der Sortiment-Bereiche ist es nicht nötig, die Inhalte mehrfach zu pflegen, nachdem diese werden global verwaltet und auf mehreren Seiten integriert werden.

Integration der Werbemittel

Eine gewisse Herausforderung stellte die Integration der Werbemittel dar, nachdem zum Beispiel wiederkehrende Aktionsangebote auf der Startseite regelmäßig kommuniziert werden. Hier galt und gilt es, diese Werbemittel trotz des zum Teil sehr abweichenden Designs – abhängig vom Standort – passend in das neue Website-Design zu integrieren.

Hintergrund: Zwar werden die von hagebau vorgegebenen Gestaltungsrichtlinien bei den Prospekten angewendet, dennoch sind die Werbemittel im Detail teils sehr unterschiedlich gestaltet. Erschwerend kommt hinzu, dass einer der Standorte kein hagebaumarkt ist und somit eigene Gestaltungsrichtlinen für die Prospekte gelten.

Gelöst wurde dies, indem die Aktionsangebote eine weiße Rahmung erhielten, sodass sie sich trotz unterschiedlicher Gestaltung gut in das Gesamtbild der Website einfügen.

Angebot-Präsentation auf der neuen Website

Relaunch Hagebau Schneider

Hagebau Schneider - Neu-Konzeption, Gestaltung und Technische-Umsetzung für die Filialen von Hagebau Schneider in Süd-Ost Bayern und Kuftstein.