Handwerk trifft Inspiration
Inspirationswelten zeigen Fliesen, Mosaik und Naturstein für Innen- und Außenräume und führen zur persönlichen Beratung.
Herausforderung
Der Betrieb wollte seine handwerkliche und planerische Kompetenz über weit mehr als eine einfache Leistungsübersicht vermitteln. Inspirationen für Bad, Küche, Wohnen, Treppen, Pool und Außenräume sollten Besucher nach Interessen wählen können und zugleich den neuen Showroom unterstützen. Die neue OpenDXP-Seite entstand auf Grundlage eines vorhandenen HTML-Auftritts; Gestaltung und Inhalte mussten übernommen, aber in eine pflegbare Struktur überführt werden. Unterschiedliche Materialien und Einsatzbereiche durften dabei nicht zu unübersichtlichen Einzelseiten führen.
Lösung
Der bestehende visuelle Auftritt wurde in eine pflegbare OpenDXP-Struktur übertragen und um eine objektbasierte Inspirationswelt ergänzt. Referenzen und Raumideen werden mit Kategorien für Einsatzbereich, Material und Thema versehen und werden auf der Website gruppiert ausgegeben. So gelangen Besucher von konkreten Vorstellungen zu passenden Beispielen und anschließend zur Beratung oder zum Showroom. Inhalte zu XXL-Platten, Mosaik, Naturstein und dem Zusammenspiel beteiligter Gewerke verbinden ästhetische Wirkung mit fachlicher Planung und präzisem Handwerk.
Struktur und Funktionen des Projekts
Technische Ausgangslage
Ein vorhandenes statisches HTML-Design musste in ein CMS übertragen werden, ohne seine Gestaltung zu verlieren. Gleichzeitig sollten wachsende Inspirationsinhalte nicht mehr manuell in Seiten eingebaut, sondern nach verschiedenen Kategorien filterbar werden. Bilder, Raumtypen, Materialien und Einsatzbereiche benötigten dafür eine konsistente Objektstruktur und flexible Frontendausgabe.
Umsetzung
Die HTML-Vorlage wurde in wiederverwendbare OpenDXP-Templates und pflegbare Inhaltsbereiche überführt. Inspirationen liegen als eigenständige Objekte mit Bildern, Beschreibungen und Beziehungen zu Kategorien wie Raum, Material oder Einsatzbereich vor. Die Übersichtsseite liest diese Datensätze aus und filtert sie clientseitig beziehungsweise über strukturierte Abfragen, ohne separate Seitenkopien zu benötigen. Detail- und Teaserkomponenten verwenden dieselben Medien und Metadaten. Dadurch bleibt die vertraute Gestaltung erhalten, während neue Showroombeispiele und Referenzen zentral ergänzt, mehrfach zugeordnet und automatisch an den passenden Stellen ausgegeben werden können.
Inspirationen strukturiert nach Bereichen verwalten
Bei einer Inspirationsseite reicht eine klassische Bildergalerie schnell nicht mehr aus. Die Referenzbilder sollen thematisch gegliedert und unabhängig von der eigentlichen Seite gepflegt werden können.
Deshalb werden die Inspirationen als strukturierte Objekte verwaltet. Jedes Bild wird einer Kategorie wie Bad, Küche, Wohnen, Sauna oder Terrasse zugeordnet und mit Beschreibung, Alt-Text und Sortierung versehen. Die Redaktion kann neue Inspirationen ergänzen oder bestehende Inhalte ändern, ohne die eigentliche Inspirationsseite bearbeiten zu müssen.
Die Trennung von Inhalt und Darstellung schafft eine übersichtliche redaktionelle Struktur und ermöglicht es, die Inspirationssammlung schrittweise zu erweitern.
Inspirationsbilder flexibel auf der Website einsetzen
Die Inspirationsbilder sind nicht fest an ihre Darstellung auf der Inspirationsseite gebunden. Ausgewählte Motive können zusätzlich auf der Startseite eingesetzt werden.
Dafür lässt sich beim einzelnen Inspirationsobjekt festlegen, ob es auf der Homepage erscheinen soll. Ein eigener Alt-Text ermöglicht es, das Bild dort passend zum jeweiligen Zusammenhang zu beschreiben.
So bleibt das Bild zentral gepflegt und kann dennoch an unterschiedlichen Stellen der Website eingesetzt werden.
Vorhandenes HTML-Design in OpenDXP überführen
Für den Webauftritt lag bereits eine statische HTML-Umsetzung des gewünschten Designs vor. Die Gestaltung sollte erhalten bleiben, gleichzeitig mussten Inhalte künftig komfortabel gepflegt und neue Bereiche wie die Inspirationswelt ergänzt werden können.
Das vorhandene Frontend wurde deshalb nicht neu gestaltet, sondern in wiederverwendbare OpenDXP-Templates und pflegbare Inhaltsbereiche überführt. Seiteninhalte lassen sich seitdem im CMS bearbeiten, während die bestehende Gestaltung und Frontendstruktur erhalten bleiben.
Auf dieser Grundlage konnten anschließend neue Funktionen ergänzt werden, ohne den vorhandenen Auftritt neu aufzubauen. Die strukturierte Inspirationswelt erweitert die ursprünglich statische Website um dynamisch verwaltete Inhalte. Das Projekt zeigt damit gut, wie sich eine bestehende technische und gestalterische Grundlage weiterentwickeln statt ersetzen lässt.
