Interaktiver Produktkonfigurator
Besucher wählen Schritt für Schritt die passende Dienstleistung aus.
Referenz · Web & Design
Für Pi-Tech GmbH, Spezialist für industrielle Sonderanfertigungen in Blechverarbeitung, Aluprofiltechnik und 3D-Druck, hat Webect eine Headless-Website mit integriertem Produktkonfigurator entwickelt. Ein Schnellanfrage-Modul, ein neues Logo und ein prominent platziertes DEKRA-Zertifizierungsbadge runden den Auftritt ab.

Ausgangslage
Pi-Tech fertigt industrielle Sonderanfertigungen – von Blechverarbeitung über Aluprofiltechnik bis zum 3D-Druck. Dieses Leistungsspektrum ist breit und erklärungsbedürftig. Die bisherige Webpräsenz war starr aufgebaut und konnte weder die Vielfalt der Dienstleistungen klar vermitteln noch Interessenten gezielt zu einer Anfrage führen. Auch der Markenauftritt einschließlich Logo entsprach nicht mehr dem professionellen Anspruch des Unternehmens.
Gesucht war eine skalierbare Webpräsenz, die die industriellen Dienstleistungen verständlich kommuniziert und Interessenten aktiv zur passenden Lösung führt. Ein interaktiver Produktkonfigurator sollte Besucher Schritt für Schritt durch die Auswahl begleiten und am Ende in eine Anfrage münden. Zugleich sollten Vertrauenssignale wie die DEKRA-Zertifizierung sichtbar werden und die Website auf Desktop, Tablet und Smartphone gleichermaßen überzeugen.
Lösung
Webect hat Konzeption, UX-Design und Entwicklung der gesamten Website übernommen. In Figma haben wir die Informationsarchitektur und das Design entwickelt und dabei die Dienstleistungsbereiche Blechverarbeitung, Aluprofiltechnik und 3D-Druck so strukturiert, dass Besucher schnell den für sie relevanten Bereich finden. Im selben Zuge haben wir das Logo von Pi-Tech neu gestaltet und alle Infografiken für die Website erstellt.
Technisch setzt die Website auf eine individuelle WordPress-Umsetzung mit Headless-Architektur. Inhalte werden im CMS gepflegt und unabhängig vom Frontend ausgeliefert, was die Website skalierbar und flexibel erweiterbar macht. Über eine REST-API sind externe Dienste und das Formular-Backend angebunden. Das Design wurde für Desktop, Tablet und Smartphone optimiert, sodass alle Inhalte und der Konfigurator auf jedem Gerät gut nutzbar sind.
Kernstück ist der interaktive Produktkonfigurator. Er führt Besucher Schritt für Schritt durch die Auswahl der gewünschten Dienstleistung und leitet sie anschließend direkt in das Schnellanfrage-Modul weiter. So entsteht eine kurze Anfragestrecke, an deren Ende strukturierte Informationen für den Vertrieb vorliegen. Das DEKRA-Zertifizierungsbadge wird prominent als Vertrauenssignal eingesetzt. Das Projekt wurde in drei Monaten realisiert.
Besucher wählen Schritt für Schritt die passende Dienstleistung aus.
Der Konfigurator mündet direkt in eine strukturierte Anfrage an Pi-Tech.
Die Zertifizierung wird prominent als Vertrauenssignal dargestellt.
Webect hat das Logo und den visuellen Auftritt von Pi-Tech neu entwickelt.
Inhalte werden im CMS gepflegt und flexibel im Frontend ausgeliefert.
Eigene Infografiken und eine Optimierung für alle Endgeräte.
Projektablauf
Aufnahme des Leistungsspektrums und der Anforderungen an die Anfragestrecke.
UX-Design, Logo-Redesign und Infografiken in Figma.
Headless-WordPress, Produktkonfigurator, Schnellanfrage und REST-API-Anbindung.
Go-live der responsiven Website nach drei Monaten.
Ergebnis
Die neue Pi-Tech-Website ist live und positioniert das Unternehmen professioneller im Markt
Der Produktkonfigurator verkürzt den Weg von der Auswahl zur Anfrage
Anfragen kommen mit strukturierten Angaben zur gewünschten Dienstleistung an
Die DEKRA-Zertifizierung wird sichtbar als Vertrauenssignal genutzt
Eingesetzte Technologien
Leistungen
FAQ
Sie planen etwas Ähnliches? Wir beraten Sie gern persönlich.
Projekt besprechenDie Website wurde in drei Monaten umgesetzt. Darin enthalten waren UX-Konzeption, Logo-Redesign, Infografiken, die Headless-WordPress-Entwicklung, der interaktive Produktkonfigurator mit Schnellanfrage-Modul sowie die REST-API-Anbindung und die Optimierung für Desktop, Tablet und Smartphone bis zum Go-live.
Der Konfigurator führt Besucher Schritt für Schritt durch die Auswahl der passenden Dienstleistung, etwa aus Blechverarbeitung, Aluprofiltechnik oder 3D-Druck. Am Ende werden die Angaben direkt in das Schnellanfrage-Modul übergeben, sodass Pi-Tech strukturierte Anfragen erhält.
Bei einer Headless-Architektur sind Inhaltspflege und Darstellung getrennt. Pi-Tech pflegt Inhalte im gewohnten WordPress-Backend, während Frontend und interaktive Module wie der Konfigurator unabhängig weiterentwickelt werden können. Das macht die Website skalierbar statt starr.
Weitere Referenzen

Vectoflow

HiScout

Syvera / Orbird

Äbbes Tobacco

Hitchcock

workstool
Ähnliches Projekt?
Erzählen Sie uns, was Sie vorhaben – wir geben Ihnen eine ehrliche Einschätzung zu Aufwand, Zeitrahmen und Vorgehen.
Wie können wir
Ihnen helfen?