Landingpages für das Farbsortiment von Bauwerk Parkett
Wie bildet man eine Brücke von physischen Parkettmustern im Showroom zur digitalen Farbwelt? Basierend auf dieser Frage erarbeitete ich für Bauwerk Parkett 26 Landingpages, die den Entscheidungsprozess von potenziellen Kundinnen und Kunden erleichtern sollen.
Im Rahmen des neuen Beratungstools von Bauwerk Parkett wurden physische Parkettmuster mit NFC-Tags ausgestattet. Nach dem Scannen gelangt man direkt auf eine passende Farb-Landingpage mit weiterführenden Informationen, Inspirationsbildern und Referenzen. Ziel des Projekts war es, die bestehende Lücke zwischen physischem Showroom-Erlebnis und digitaler Markenwelt gezielt zu schliessen.
Ausgangslage und Konzeptentwicklung
Zu Beginn des Projekts stand die Frage im Zentrum, welche Inhalte Nutzer:innen nach dem Scannen eines Parkettmusters tatsächlich benötigen. In einer Brainstorming-Session mit Teammitgliedern aus Marketing, Art Direction und Sales wurden erste Anforderungen, Inhalte und gestalterische Leitlinien definiert. Schnell wurde klar, dass die Landingpages nicht nur technische Informationen vermitteln, sondern vor allem Orientierung innerhalb der vielfältigen Farbwelt von Bauwerk Parkett schaffen sollen.
Dabei spielte besonders die Wirkung von Holz eine zentrale Rolle. Denn je nach Licht oder Oberfläche verändert sich die Wahrnehmung einer Farbe stark. Genau diese Unterschiede sollten digital möglichst verständlich und gleichzeitig inspirierend vermittelt werden.
Die ersten Seitenstrukturen und Inhaltsideen wurden zunächst in Figma entwickelt und laufend weiter verfeinert. Vom ersten Aufbau bis zum finalen Prototyp entstanden dabei verschiedene Varianten und Ansätze, die Schritt für Schritt weiterentwickelt wurden.
Entwicklung der Inhalte
Auf Basis der definierten Anforderungen entstand eine einheitliche Struktur für alle 26 Landingpages. Jede Seite kombiniert Informationen zur jeweiligen Farbe mit Beschreibungen zur Raumwirkung, passenden Referenzprojekten, Informationen zur Holzart sowie ergänzenden Produktinformationen.
Die Herausforderung bestand darin, wiederkehrende Inhaltsbausteine zu entwickeln, ohne dass die Seiten austauschbar wirken. Deshalb wurden für jede Farbe individuelle Texte ausgearbeitet, die die jeweilige Stimmung und Charakteristik des Parketts gezielt beschreiben. Gleichzeitig musste die Sprache zur Markenwelt von Bauwerk Parkett passen und über alle Seiten hinweg konsistent bleiben.
Eine weitere Herausforderung ergab sich durch die technischen Rahmenbedingungen. Da die Website zu diesem Zeitpunkt erst kürzlich neu lanciert worden war, standen ausschliesslich bestehende Komponenten zur Verfügung. Um die gewünschten Inhalte dennoch umsetzen zu können, mussten vorhandene Elemente teilweise neu kombiniert oder zweckentfremdet werden. Es musste also viel herumprobiert werden bis dann schlussendlich alle Anforderungen erfüllt werden konnten.
Bildwelten und gestalterische Umsetzung
Neben den textlichen Inhalten spielte auch die visuelle Ausarbeitung eine zentrale Rolle. Für jede Parkettfarbe wurden passende Referenzbilder aus bestehenden Bildbeständen zusammengestellt, geprüft und aufbereitet. Besonderes Augenmerk galt dabei dem Herobild, das als visueller Einstieg in die jeweilige Farbwelt dient. Aufgrund begrenzter Ressourcen wurden die Herobilder in einer ersten Projektphase mithilfe von KI erstellt. Ziel war eine ruhige, hochwertige Bildsprache, die den natürlichen Charakter des Holzes unterstreicht und die Farbwirkung des Parketts optimal zur Geltung bringt.
Umsetzung im CMS und finale Integration
Nach der konzeptionellen und gestalterischen Phase wurden die Landingpages im CMS Storyblok aufgebaut. Anschliessend erfolgte die technische Verknüpfung zwischen den NFC-Tags im Showroom und den jeweiligen Landingpages.
Dadurch wurde die digitale Seite direkt Teil der realen Beratungssituation und erweitert das physische Muster um weiterführende Inhalte, Inspirationen und Vergleichsmöglichkeiten. Die Landingpages dienen heute als digitale Ergänzung des Showrooms und unterstützen Nutzer:innen dabei, Unterschiede zwischen Farben besser zu verstehen und die Wirkung eines Bodens im Raum besser einordnen zu können. Dieses Projekt bildet die Basis einer geplanten Web-App die in weiteren Showrooms und auch bei Bodenlegerpartner:innen Anwendung finden wird.
Nachfolgend sind ein Use-Case-Video sowie alle 26 Landingpages mit den jeweiligen Inhalten und Parkettfarben aufgeführt.
Landingpages:
Eiche Natur
Eiche Avorio
Eiche Sasso
Eiche Crema
Eiche Caramello
Eiche Farina
Eiche Fulvo
Eiche Mandorla
Eiche geräuchert
Eiche Tartufo
Eiche Creta
Eiche Fumo
Eiche Grano
Eiche Avena
Eiche angeräuchert
Eiche angeräuchert Crema
Eiche angeräuchert Cacao
Eiche Caffè
Eiche Caffelatte
Eiche Silver
Eiche geräuchert Crema
Ahorn Natur
Esche Farina
Esche Natur
Nussbaum Natur
Buche Natur
(mmi)
Rückblickend war das Projekt inhaltlich und organisatorisch deutlich komplexer als ursprünglich angenommen. Besonders die technische Umsetzung sowie die Abstimmung zwischen unterschiedlichen Beteiligten nahmen mehr Zeit in Anspruch als erwartet. Freigabeschlaufen, Abhängigkeiten von internen Prozessen und technische Einschränkungen führten teilweise zu Verzögerungen und verlangten eine laufende Anpassung des Vorgehens.
Eine weitere Herausforderung bestand im verfügbaren Bildmaterial. Gerade bei Farben und Produkten mit geringerem Verkaufsvolumen waren nur wenige oder teilweise gar keine geeigneten Referenzbilder vorhanden. Da für das Projekt kein zusätzliches Budget zur Verfügung stand, mussten bestehende Inhalte möglichst effizient genutzt, neu kombiniert oder gestalterisch aufbereitet werden. Dies erforderte kreative Lösungen innerhalb der vorhandenen Möglichkeiten.
Auch die Entwicklung der textlichen Inhalte stellte sich anspruchsvoller heraus als erwartet. Viele der Parkettfarben bewegen sich innerhalb ähnlicher Braun- und Naturtöne, unterscheiden sich jedoch in ihrer Wirkung, Oberfläche oder Raumstimmung. Für jede Farbe individuelle Beschreibungen zu entwickeln, ohne dass sich die Inhalte wiederholen oder austauschbar wirken, war einer der zeitintensivsten Teile des Projekts.
Gleichzeitig zeigte das Projekt, welches Potenzial in der Verbindung zwischen physischem Showroom und digitaler Erweiterung liegt. Rückblickend wurde deutlich, wie wichtig es ist, technische, inhaltliche und organisatorische Anforderungen bereits in einer frühen Projektphase gemeinsam zu betrachten. Trotz verschiedener Herausforderungen konnte eine solide Grundlage geschaffen werden, auf der zukünftige Erweiterungen aufbauen können.