WordPress Website mit Produktkatalog für Küffner Aluzargen

Für Küffner, ein Hersteller für Aluminiumzargen und weiteren Bauelementen, erstellte PERIMETRIK® 2015 im Zuge eines Relaunches eine neue Website unter kueffner.de. Das Projekt erwies sich als umfangreich, da eine Umstellung von TYPO3 auf WordPress durchzuführen war, wobei viele individuelle Anpassungen nötig waren. Die Gründe für die Umstellung waren fehlende bzw. zu teure Updates von TYPO3 sowie der Wunsch nach einem moderneren und unkomplizierteren CMS.

Modernes Design mit großflächigen Fotos

In Sachen Design hat sich einiges getan: großflächige Darstellung, Responsive Design und allgemein ein klarerer und modernerer Look: auf der Startseite beeindrucken bildschirmfüllende Fotogalerien. Darüber hinaus fällt die schicke Menüleiste auf, die ihre Farbe ändert (s. Bilder) und sich dynamisch mitbewegt („Sticky Header“). Das Logo von Küffner ändert dabei seine Farbe von weiß zu schwarz. 

Auf den Landingpages für die verschiedenen Produkttypen setzte PERIMETRIK® einen Slider mit ansprechenden Key Visual Fotos ein, der über die gesamte Bildschirmbreite reicht.

Referenzen Bilder Template
Referenzen Bilder Template

Suchergebnisse Google für das Keyword „Aluzargen“

SEO-Maßnahmen zur Verbesserung der Auffindbarkeit

Die ursprüngliche Website hatte eine mangelhafte SEO-Optimierung und benötigte daher eine Neufassung. Heißt: Google hatte zwar die Website umfangreich indexiert, einzelne Produkte besaßen jedoch keine eigene URL und konnten so weder ranken noch z. B. geteilt werden. Potenzielle Kunden fanden bei vielen Keywords (Suchbegriffen bei Google) Websites der Wettbewerber vor Küffner – möglicherweise sind erstens so Küffner Umsätze entgangen und zweitens musste sich der potenzielle Kunde mit etwas qualitativ Niedrigerem abfinden. Daher war es enorm gewinnbringend, die Website von Grund auf mit passenden Keywords neu zu konzipieren, die Seitentitel angemessen zu benennen, Focus-Keywords einzubauen und vor allem indexierbare Unterseiten für jedes Produkt einzurichten. Küffner rankt dank dieser und weiterer Maßnahmen nun ganz vorne bei Eingabe relevanter Suchbegriffe: Aluminiumzargen, Aluzargen, Zargen aus Alu… – überzeugen Sie sich selbst!

Konfigurator und Filter im Produktkatalog

Küffner wünschte sich einen Produkt-Konfigurator für ihr Angebot an unterschiedlichsten Zargen. Im intensiven Austausch mit Küffner erarbeiteten wir eine mehrstufige Benutzerführung. Zunächst trifft der Besucher eine Auswahl nach Produktart, z. B. Zarge oder Sockelleiste. Danach erfolgt die Auswahl der Produktserie, dann die Wahl der gewünschten Bauform. Ab hier werden in Frage kommende Produkte dynamisch aufgelistet. Auf der komplett neu entwickelten Produkt-Detailseite gibt es final Varianten zur Auswahl. So ist der Weg bis zum konkreten Produkt intuitiv und Besucher der Website sind nicht überfordert mit über 100 zur Auswahl stehenden Artikeln oder Konfigurationsmöglichkeiten

Alternative Benutzerführung

Für besonders ambitionierte Nutzer bietet kueffner.de zudem eine zweite Benutzerführung an: Wer möchte, kann sich alle erhältlichen Zargen auf einmal anzeigen lassen. Zur besseren Erschließung des großen Angebots helfen dann einige Filter, mit denen sich die Zargen beispielsweise nach Art und Wanddicke filtern lassen.
Referenzen Bilder Template

Im Dropdown-Menü kann der User die gewünschte Produktart auswählen.

Serie wählen

Bauform wählen

Produkt wählen

Variante wählen

Referenzen Bilder Template
Dynamische Inhalte: Anzeige verwendeter Produkte in einer Referenz (roter Kasten)
Referenzen Bilder Template

Auch passende Referenzen zum Produkt werden dynamisch angezeigt.

Dynamische Inhalte

kueffner.de setzt an vielen Stellen auf dynamische Inhalte. Der große Gewinn an Nutzerfreundlichkeit geht einher mit einer Verbesserung der Auffindbarkeit: dynamische Inhalte sind ausgesprochen SEO-wirksam.
Wer in den Referenzen stöbert und ein attraktives Projekt findet, kann sofort zu den jeweilig verwendeten Produkten navigieren. Das erspart dem Anwender die lange Suche nach dem Artikel. Küffner gibt das die Möglichkeit, das Image der eindrucksvollen Projektfotos auf ihre Produkte zu übertragen und sie so auf eine effektivere und unauffälligere Weise zu vermarkten, denn wenn man die Zargen in einem realen Projekt eingebaut sieht, wirkt das beeindruckender und authentischer als eine Zarge vor weißem Hintergrund. Ebenso funktioniert es in die andere Richtung: Bei Produkten werden passende Referenzen direkt dargestellt und sind verlinkt mit der jeweiligen Projektreferenz-Detailseite.

Die Referenzen und die Produkte greifen also ineinander, während sie bei einer statischen Seite komplett voneinander unabhängige Menüpunkte wären.

Ein weiteres Beispiel dafür sind die Downloads, die man sowohl zusammengefasst unter dem Menüpunkt „Downloads“ als auch auch im Speziellen auf einer Produkt-Detailseite findet.

Import-Schnittstelle für WordPress

Küffner wünschte sich einen Produkt-Konfigurator für ihr Angebot an unterschiedlichsten Zargen. Im intensiven Austausch mit Küffner erarbeiteten wir eine mehrstufige Benutzerführung. Zunächst trifft der Besucher eine Auswahl nach Produktart, z. B. Zarge oder Sockelleiste. Danach erfolgt die Auswahl der Produktserie, dann die Wahl der gewünschten Bauform. Ab hier werden in Frage kommende Produkte dynamisch aufgelistet. Auf der komplett neu entwickelten Produkt-Detailseite gibt es final Varianten zur Auswahl. So ist der Weg bis zum konkreten Produkt intuitiv und Besucher der Website sind nicht überfordert mit über 100 zur Auswahl stehenden Artikeln oder Konfigurationsmöglichkeiten

Weitere Projektdetails

Küffner besaß bereits einige hochwertige Produkt- und Referenzfotos sowie ein Logo, die in die neue Website übernommen werden sollten. Was jedoch einfach klingt, stellte sich schnell als nicht unerheblicher Aufwand heraus: für das neue Design wurden Bilder in höheren Auflösungen sowie anderen Seitenverhältnissen benötigt.

PERIMETRIK® führte Keyword-Recherchen, Analysen von Websites von Mitbewerbern sowie SEO-Analysen im Vorfeld durch, die die Grundlage für die weitere Arbeit bildeten.

kueffner.de wurde auf Grundlage des Themes „THE7“ erstellt, wobei wir einige Anpassungen durchgeführt haben. Die Website ist von Grund auf responsiv gestaltet und für Mobilgeräte optimiert. So wird zum Beispiel auf kleineren Geräten automatisch ein „Burger-Menü“ eingeblendet.

Auch die Anbindung an soziale Netzwerke darf bei einer Website heute nicht mehr fehlen. PERIMETRIK® setzte sie durch eine Social Share Leiste am linken Rand der Website um. Sie ermöglicht dem Anwender das unkomplizierte Teilen von Inhalten in gängigen sozialen Netzwerken.

Fazit:

Die neue WordPress Website für Küffner Aluzargen ist übersichtlich strukturiert, hat eine modernen Look und liegt dank der Erstellung verschiedener Landing Pages mit dynamischen Inhalten im Suchmaschinen-Ranking weit vorne.

Eine Website ist mit ihrer Veröffentlichung aber noch lange nicht fertig – es bedarf einer intensiven redaktionellen wie auch technischen Pflege, damit die Website immer up-to-date ist. PERIMETRIK® führte Schulungen durch, durch welche das Team von Küffner dank des benutzerfreundlichen CMS die meisten Änderungen selbst durchführen kann. Komplexere Anpassungen, umfangreichen Support und Updates gibt es auch in Zukunft von PERIMETRIK®.

Weitere Projekte für Kunde: Küffner Aluzargen, Rheinstetten

Unsere Lösungen für dieses Projekt:

In diesem Projekt konnten wir auf einige bewährte Lösungen zurückgreifen:

Anfrageformular

Sie brauchen ein sicheres, DSGVO-konformes Formular auf Ihrer Website? Wir erstellen Ihnen jede Art von Formular mit Google reCaptcha für Ihre WordPress Website oder Ihren WooCommerce Shop.

Landing Page

Mehr Content, mehr Nutzen, mehr Relevanz – Wir erstellen Ihnen eine Website-Struktur für Ihre WordPress Seite, mit der einfach und schnell neue Landing Pages generiert werden können.

Online-Produktkatalog

Geben Sie Ihren Kunden eine geordnete Übersicht über Ihr gesamtes Sortiment: Wir entwickeln für Ihre WordPress Website einen strukturierten Produkt-Katalog mit Produktgliederung in Form von Kategorien und Detailseiten mit allen wichtigen Produktinfos auf einen Blick.

Produktdatenbanken

Kein Inhalt ohne Datenbankeintrag: Sie betreiben einen Webshop und möchten zu WooCommerce wechseln? Wir ex- und importieren Ihre Produkte aus der alten Datenbank in die neue und gestalten einen benutzerfreundlichen Webshop mit Landing Pages zu den Produktkategorien und informativen Produktdetailseiten.

Produktfilter

Besserer Kundenservice mit einem komfortablen Produktfilter zur Eingrenzung von Kategorien und weiteren Produkteigenschaften: Wir entwickeln einen professionellen Filter für Ihr Sortiment und integrieren diesen an gewünschter Stelle in Ihren WooCommerce Shop.

SEO-Analyse & Keywordrecherche

Gute Auffindbarkeit, mehr Bekanntheit, neue Kunden: wir schaffen alle Vorraussetzungen für ein gutes Suchmaschinen-Ranking Ihrer WordPress Unternehmens-Website.

Unternehmens-Websites

Repräsentative Unternehmens-Website mit WordPress – wir entwickeln für Sie ein professionelles Design, erstellen Ihnen eine ansprechende Startseite und beliebig weitere Unterseiten nach Wunsch.

Webdesign-Entwicklung

Ihre Website könnte dringend einen neuen Look vertragen? Dann nichts, wie los! Wir gestalten ein professionelles Webdesign, das zu Ihnen und Ihrer Branche passt. Gerne orientieren wir uns dabei an Ihren Vorlagen und entwickeln Layouts, die zu Ihrem Geschmack passen! Vielleicht haben Sie gar keine genauen Vorstellungen und möchten sich lieber inspirieren lassen? Gerne! Als erfahrenes Design-Team beraten wir Sie in Sachen Gestaltung und entwerfen Layout-Vorlagen für verschiedene Seiten-Typen.

Haben Sie Ihren Favoriten gefunden, gestalten wir das Webdesign für Ihre (neue) WordPress Website in Anlehnung an die Design-Vorlage und passen Inhalte, Texte und Fotos daran an. Gerne überprüfen wir die fertige Website anschließend noch einmal auf weiteren Displaygrößen (z.B. für Tablet und Smartphone) und führen einen Design-Feinschliff für eine saubere Ansicht auf allen Endgeräten durch.

Webvisitenkarte

Sie benötigen eine moderne, ansprechende und knackige Präsentation Ihres Unternehmens im Web? Wir erstellen Ihnen eine attraktive Webvisitenkarte, die auf jedem Endgerät top aussieht, sinnvoll strukturiert und user-freundlich ist.

Suchen Sie eine professionelle Internetagentur?