Website Relaunch für feco.de
Website Relaunch für feco.de
Konzeption und Design einer Website, die alle Geschäftsfelder der feco-feederle GmbH zusammenführt und zielgruppengerecht präsentiert.
Eine moderne Website mit optimaler User Experience und einem für die digitale Nutzung optimierten Corporate Design
Was macht die feco-feederle GmbH?
Als namhafter Einrichter von Büroräumen und ein führender Hersteller von raumbildenden Systemtrennwänden aus Glas, Holz und Metall konzipiert, plant und realisiert die feco-Gruppe zukunftsfähige Arbeitslandschaften.
Website Relaunch und Online Shop
Vor dem Relaunch waren von der feco-Gruppe zwei Websites im Netz: eine für das Thema Büroräume und eine für das feco-Trennwandsystem. Da beide Websites eine ähnliche Struktur hatten, gab es zahlreiche doppelte Inhalte, was nicht nur aus SEO-Sicht Probleme macht. Die Verzahnung der beiden Arbeitsbereiche, die es in der Praxis bereits gab, sollte auch auf der Website abgebildet werden. Aus technischer Sicht gab es bei der bisherigen Lösung auch einige Limitierungen und mit dem Wunsch nach einem zusätzlichen Online-Shop für Büromöbel war klar: Alles muss neu!
Ziele definieren
Also haben wir uns zusammengesetzt und in einem ausführlichen Workshop über die unterschiedlichen Zielgruppen gesprochen und Nutzer- und Unternehmensziele der neuen Seite definiert.
Analyse
Zuerst haben wir uns die aktuellen Sitemaps der beiden bestehenden Websites „feco-feederle. Die BüroRäume.“ und „feco. Die Trennwand.“ betrachtet und analysiert. Neben der Struktur der Sitemap ging es darum, bestehende Inhalte, Content-Typen, Metadaten und Taxonomien zu listen und zu verstehen.
Sitemap und Navigation
Wir haben die Inhalte der beiden Websites neu sortiert und die Seitenstruktur und Informationsarchitektur festgelegt. Einige Begriffe des Menus wurden in diesem Schritt neu definiert, um eine eindeutig verständliche Taxonomie zu gewährleisten.
Konzeption mit Priority Guides
Im nächsten Schritt galt es, die benötigten Seitentypen zu definieren. Hier haben wir mit sogenannten Priority Guides gearbeitet. Für jede Seite haben wir zuerst Ziele definiert und dann alle notwendigen Inhaltsblöcke hierarchisch gelistet. Im nächsten Schritt werden diese Blöcke dann detailliert beschrieben:
- Welche Inhalte brauchen wir in welcher Form?
- Mit welchen Modulen werden diese ideal abgebildet?
- Welche Funktionalitäten und technische Anforderungen gibt es?
- Welche Elemente werden wohin verlinkt?
Low-Level und High Level Priority Guide der Projektdetailseite
Full Width Video Sequenzen
Um die Eindrücke und Wirkung der Raumkonzepte möglichst eindrucksvoll darzustellen nutzen wir full-width Video Sequenzen als Hero am Seitenanfang.
Trennwand Detailseite
Für die Seiten, auf denen Trennwandsysteme abgebildet werden, lag die Herausforderung darin, Produktmerkmale übersichtlich darzustellen und die technischen Informationen zum Download anzubieten. Hier sollten auch Bilder mit relevanten Informationen wie z.B. „Projekt“, „Vollwand“, „Glaswand“ ansprechend gezeigt werden. Hierfür haben wir eine Bildergalerie entworfen, die einem flexiblen Raster folgt und Informationen übersichtlich zeigt.
Übersichtliche Projektseite
Die Projektseiten sind ausführlicher geworden und sehr großzügig gestaltet. Wichtig war hier, dass die Projektinfos übersichtlich gelistet sind und zu den verwendeten Trennwänden verlinkt wird.
Wir haben ein Hotspot-Modul entwickelt, um im Kontext der Projekte die verwendeten Produkte zu zeigen und zum Online-Shop zu führen.
Raumkonzepte
feco plant mit vielfältigen Raumzonen als Erfolgsformel für Arbeitslandschaften, die verschiedene Anforderungen an einen angenehmen Arbeitsalltag erfüllen. Um diese Raumsituationen darzustellen, haben wir kurze Videosequenzen von den Räumen vorgeschlagen. Für die Videosequenzen haben wir ein Akkordeon-Modul konzipiert, das den Zugang zu allen Videos in einem Viewport ermöglicht.
Trennwand Detailseite (1), Übersichtliche Projektseite (2), Raumkonzepte (3)
Unsere Projekte für feco
