Kostenloses Erstgespräch: Lassen Sie uns über Ihr Projekt sprechen +49 0 7195 9299770 vertrieb@webect.de
14-köpfiges Team 12 Jahre Erfahrung 220+ erfolgreiche Projekte DACH-weit tätig Sehr gut

Referenz · Web & Design

Von starr zu skalierbar – moderne Headless-Website für Pi-Tech GmbH mit Produktkonfigurator

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.

  • WordPress
  • UX Design
  • Entwicklung
  • Consulting
  • Interaktive Module
  • API
Von starr zu skalierbar – moderne Headless-Website für Pi-Tech GmbH mit Produktkonfigurator
Kunde
Pi-Tech GmbH
Branche
Maschinenbau
Leistung
Website & Produktkonfigurator
Technologie
WordPress (Headless)
Jahr
2024
Dauer
3 Monate

Ausgangslage

Die Herausforderung

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

Unser Vorgehen und die 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.

01

Interaktiver Produktkonfigurator

Besucher wählen Schritt für Schritt die passende Dienstleistung aus.

02

Schnellanfrage-Modul

Der Konfigurator mündet direkt in eine strukturierte Anfrage an Pi-Tech.

03

DEKRA-Zertifizierungsbadge

Die Zertifizierung wird prominent als Vertrauenssignal dargestellt.

04

Logo-Redesign

Webect hat das Logo und den visuellen Auftritt von Pi-Tech neu entwickelt.

05

Headless-WordPress

Inhalte werden im CMS gepflegt und flexibel im Frontend ausgeliefert.

06

Responsives Design & Infografiken

Eigene Infografiken und eine Optimierung für alle Endgeräte.

Projektablauf

Vom Kick-off zum Go-live

  1. 01

    Analyse & Consulting

    Aufnahme des Leistungsspektrums und der Anforderungen an die Anfragestrecke.

  2. 02

    Konzept & Design

    UX-Design, Logo-Redesign und Infografiken in Figma.

  3. 03

    Entwicklung

    Headless-WordPress, Produktkonfigurator, Schnellanfrage und REST-API-Anbindung.

  4. 04

    Launch

    Go-live der responsiven Website nach drei Monaten.

Ergebnis

Was das Projekt bewirkt

  • 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

  • WordPress
  • Headless CMS
  • Produktkonfigurator
  • Figma
  • REST-API
  • Responsive Design

FAQ

Fragen zum Projekt

Sie planen etwas Ähnliches? Wir beraten Sie gern persönlich.

Projekt besprechen

Wie lange dauerte die Umsetzung der Pi-Tech-Website?

Die 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.

Wie funktioniert der Produktkonfigurator?

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.

Warum eine Headless-Architektur für eine Industrie-Website?

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.

Ähnliches Projekt?

Lassen Sie uns über Ihr Vorhaben sprechen.

Erzählen Sie uns, was Sie vorhaben – wir geben Ihnen eine ehrliche Einschätzung zu Aufwand, Zeitrahmen und Vorgehen.

Persönliche Beratung bei Webect