ZAHNA FLIESEN

Website Relaunch mit Webflow

Von der Idee zur Realität: Webflow als Lösung für eine moderne Website eines mittelständischen Unternehmens.

Kunde

  • ZAHNA FLIESEN GmbH

Meine Leistungen

  • Webflow Umsetzung

  • CMS Produktkonfigurator

  • Scroll Animationen

  • Projektmanagement zwischen Design und Entwicklung

Besonderheiten

  • Über 2500 CMS Einträge müssen verarbeitet werden

Projektzeitraum

  • 5 Monate

  • Das Design der Website wurde in Zusammenarbeit mit Lukas Rudrof erarbeitet.

Ausgangslage

Die alte Website von Zahna Fliesen spiegelt nicht den hohen Standard und die Qualität wieder, welche das Unternehmen mit den eigenen Produkten repräsentiert. Mit einem Relaunch der Website sollte diese Qualität auch auf den digitalen Auftritt übertragen werden.

iPad Portrait
iPhone

Produktkonfigurator

Die Produktseiten wurde von mir mit allen Daten gefüllt, die das Unternehmen auch intern als Tabelle führt (über 105.000 Einträge). Auch alle Begriffe wurden im CMS gleich benannt, so dass jeder Mitarbeiter sich direkt zurecht findet und weitere Produkte hinzufügen kann.

Seitenbesucher können jeweils die Farben, Oberflächen und Preise vergleichen. Über ein Bestellformular lässt sich jede Fliese anfragen, woraufhin ein passgenaues Angebot erstellt wird.

Für ein möglichst detailreiches Aussehen habe ich die Vektordaten der Fliesen direkt in Webflow zusätzlich mit einer Steintextur, einem Schein und einer Umrandung versehen, die für einen haptischen Effekt sorgen. Das sparte dem Kunden Zeit und Arbeit, da wir dadurch das ganze Bildmaterial nicht nochmal anfassen mussten.

Kundenmaterial
Überarbeitete Version direkt in Webflow: Eine Steintextur, Schein und Umrandung geben der Fliese einen echteren Charakter.
iPhone

Neue 3D Renderings wurden während der Umsetzung über mein Netzwerk in Auftrag gegeben.

iPad Portrait

Eine Herausforderung in der Umsetzung bestand darin, eine komplexe Website mit über 2000 CMS-Elementen performant umzusetzen.

Detailreiche Scroll-Animationen

Bei der Umsetzung der Animationen habe ich fast ausschließlich auf Scroll-Animationen gesetzt, wodurch eine optisch eindrucksvolle Website entstand, die die Marke deutlich von Wettbewerbern abhebt.

Die über viele Jahrzehnte entstandene Unternehmensgeschichte wurde so angelegt, dass sie auch auf einem Tablet eindrucksvoll im Showroom funktioniert.

Scroll-Animation von 3D Visualisierungen wurden direkt in Webflow gebaut.

Einfaches „überscrollen” von Sektionen geben der Seite einen wiederkehrenden Effekt, der nicht zu aufdringlich aber trotzdem besonders wirkt.

iPhone

Neue Unterseiten können vom Kunden selbstständig in Webflow angelegt werden

Die Website sollte so aufgebaut sein, dass ein internes Team von Zahna Fliesen selbstständig alle Inhalte bearbeiten, sowie weitere Unterseiten anlegen kann. Dafür erarbeitete ich verschiedene Komponenten in Webflow, die in Zukunft Kosten durch Agenturleistungen sparen und Prozesse beschleunigen.

iPhone
iPhone

Case Study anschauen

Webflow Website für ein mittelständisches Unternehmen