![Work Wine Balance auf lilanem Hintergrund](https://images.prismic.io/w8-website/ZofQuB5LeNNTw0S8_werk8-case-weinlage-01-cover.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Mock up zeigt auf Sofa sitzende Person, die auf der DIEDA-Startseite nach Balkon-und Treppengeländern sucht](https://images.prismic.io/w8-website/ZofQsR5LeNNTw0S1_werk8-case-dieda-01-cover.jpg?auto=format%2Ccompress&fit=max&w=3840)
Web Experience für einen Marktführer der DIY-Branche
DIEDA ist ein Unternehmen aus Süddeutschland, das sich auf die Herstellung und den Vertrieb von hochwertigen Treppen- und Balkongeländern spezialisiert hat. Mit einer breiten Produktpalette überzeugt die Marke aus dem Schwarzwald seit Jahren professionelle Handwerker und ambitionierte Heimwerker. Die Kunden schätzen an den DIEDA-Produkten vor allem die intuitive Handhabung, das funktionale Design und den Fokus auf Sicherheit.
![Mobiles Mock Up auf dem eine Produktdetailseite eines Geländers von DIEDA zu sehen ist, neben einer Vorschau der Design-Guidelines (Typografie, Farbauswahl, Buttons, etc.), die Werk 8 erstellt hat](https://images.prismic.io/w8-website/Zmmr3Jm069VX1rts_werk8-case-dieda-02.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Grafik zeigt mehrere Bilder von Produkten, Ratgebern, Montageanleitungen, etc. die auf der DIEDA-Website zu finden sind](https://images.prismic.io/w8-website/Zmrk1pm069VX1tsk_werk8-case-dieda-03.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Screendesign der Desktop-Variante der "Über Uns"-Seite von DIEDA](https://images.prismic.io/w8-website/Zmmr3pm069VX1rtw_werk8-case-dieda-04.jpg?auto=format%2Ccompress&fit=max&w=3840)
Skalierbare Website Plattform zur Lead Generierung
Mit der fortschreitenden digitalen Transformation stehen Unternehmen wie DIEDA vor der Herausforderung, skalierbare technologische Lösungen anzubieten, um den Bedürfnissen und Wünschen der Kunden gerecht zu werden.
Dieser Herausforderung stellte sich DIEDA und beauftragte uns mit der Entwicklung einer neuen Website, die als Service- und Produktportal fungiert. Ziel des Relaunches war es, eine robuste und skalierbare Plattform zu schaffen, die eine kontinuierliche Skalierung und Weiterentwicklung ermöglicht und die Lead Generierung nachhaltig steigert.
![Mobile Screendesigns, auf denen der Produktfilter und das Planungstool von DIEDA, dem Geländer-Hersteller, zu sehen sind](https://images.prismic.io/w8-website/Zmmr35m069VX1rty_werk8-case-dieda-05.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Mobile Screendesigns, auf denen eine Produktdetailseite, die Kontaktseite und die Produktdetails mit Händlersuche von DIEDA, zu sehen sind](https://images.prismic.io/w8-website/Zmmr2pm069VX1rtp_werk8-case-dieda-06.jpg?auto=format%2Ccompress&fit=max&w=3840)
![DIEDA-Planungstool für Geländerformen, 3D-Renderings](https://images.prismic.io/w8-website/Zo0COh5LeNNTw7e8_werk8-case-dieda-07.jpg?auto=format%2Ccompress&fit=max&w=3840)
Optimierte Produktsuche und effizientes Content Management mit Headless CMS
Um den Anforderungen gerecht zu werden, wurde das moderne Headless CMS Prismic implementiert, das eine intuitive und effiziente Verwaltung der Inhalte ermöglicht. Zusätzlich wurde ein modernes Website Framework mit Next.js eingesetzt, um eine schnelle und reaktionsfähige Benutzeroberfläche zu gewährleisten. Dieses technologische Setup ermöglicht die Schaffung einer zukunftssicheren und anpassungsfähigen Plattform, die den Bedürfnissen der Nutzer entspricht und gleichzeitig ein optimales Nutzererlebnis bietet.
Die intuitive Suche der Website wurde mit Algolia realisiert und ermöglicht eine schnelle und präzise Produktsuche. Ein Produktfinder mit Anzeige eines unverbindlichen Projektpreise wurde ebenfalls implementiert. Zusätzlich erleichtert eine Händlersuche die Suche nach Vertriebspartnern.
Die neue Website bietet nicht nur ein verbessertes Nutzererlebnis, sondern durch den Einsatz von Analysetools auch wertvolle Einblicke, die zu einer kontinuierlichen Verbesserung und Anpassung der digitalen Präsenz führen.
![Präsentation der Design-Guidelines anhand einer Produktdetailseite eines Geländers von DIEDA](https://images.prismic.io/w8-website/Zmmr2Jm069VX1rtm_werk8-case-dieda-08.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Mehrere Bilder von Montage-Videos von DIEDA](https://images.prismic.io/w8-website/Zmmr4Zm069VX1rt1_werk8-case-dieda-09.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Mock Up eines Handys, zu sehen ist eine Produktdetailseite eines Geländers von DIEDA](https://images.prismic.io/w8-website/Zmmr4pm069VX1rt4_werk8-case-dieda-11.jpg?auto=format%2Ccompress&fit=max&w=3840)
Details
Heimwerken & Bauen
Prismic
Next.js
React
Typescript
Tailwind CSS
Vercel
Algolia
Formspree
User Experience (UX)
Informationsarchitektur
Interface Design
Headless CMS
Web/App Entwicklung
Hosting und Maintenance
Lifecycle Improvements
Let’s connect
Wo auch immer Sie stehen oder wohin auch immer Sie gehen wollen – es ist an der Zeit, loszulegen.
Tobi Saussele
Gründer und Managing Director
t.saussele@werk8.de
+49 7143 3308076
![Tobi Saussele, Gründer und Managing Director von Werk 8](https://images.prismic.io/w8-website/ZkON6yol0Zci9Hyj_werk8-tobi-saussele.jpg?auto=format%2Ccompress&fit=max&w=3840)
Weitere Cases
![Work Wine Balance auf lilanem Hintergrund](https://images.prismic.io/w8-website/ZofQuB5LeNNTw0S8_werk8-case-weinlage-01-cover.jpg?auto=format%2Ccompress&fit=max&w=3840)
![Tablet-MockUp zeigt die Detailseite "Deadline Day", Links befinden sich verschiedene Icons, rechts die Aufgaben und To Do`s des Tages](https://images.prismic.io/w8-website/ZofQtx5LeNNTw0S6_werk8-case-myco-01-cover.jpg?auto=format%2Ccompress&fit=max&w=3840)