Dana Doors

Das Problem

Dana Doors fertigt und montiert Türen, Fenster, Geländer und Küchen für Wohn-, Gewerbe- und Industrieprojekte in Saudi-Arabien. Der Katalog ist umfangreich und stark visuell, und ein gewöhnliches Online-Shop-Muster hätte einer Entscheidung, die meist erst ein Angebot oder ein Gespräch braucht, einen Warenkorb-Ablauf aufgezwungen. Die Website musste sich zudem auf Arabisch nativ anfühlen, von rechts nach links, nicht nachträglich übersetzt.

Die Lösung

Wir haben einen zweisprachigen Katalog entworfen, der auf Erkunden zuerst und Anfragen bei Bedarf setzt. Besucher bewegen sich von der Produktkategorie zu detaillierten Spezifikationen und Bildern und fordern dann ein Angebot oder eine Beratung an. Arabisch ist die Standardsprache, mit Rechts-nach-links-Unterstützung, die von Anfang an Teil der Oberfläche ist, und Cloudinary trägt den visuellen Katalog, damit die Medien wachsen können, ohne die Website zu belasten.

Was wir geliefert haben

• Eine zweisprachige arabisch-englische Website mit sprachabhängigem Routing, RTL-Layout und lokal gehosteten Schriften für beide Schriftsysteme
• Ein vollständiger Produktkatalog: Türen, Fenster, Geländer, Küchen, Ankleidezimmer und verwandte Serien, mit Kategorie- und Detailseiten
• Eine filterbare Fotogalerie auf Basis von Cloudinary
• Angebots-, Beratungs-, Kontakt- und Bewerbungsformulare mit passgenauen Bestätigungs-E-Mails
• SEO-Grundlagen: Metadaten, Social-Media-Bilder, Robots-Regeln, mehrsprachige Sitemaps und strukturierte Daten
• Produktivbetrieb mit ratenbegrenzten Formularen und einem Besucherzähler

Das Ergebnis

Dana Doors verfügt jetzt über eine Plattform, die zum Entscheidungsweg der Kunden passt: Produkte durchsuchen, Details prüfen, fertige Arbeiten ansehen und das Team kontaktieren. Der zweisprachige Katalog ist pflegeleicht, die Kontaktformulare sind geschützt und die Website enthält die technischen Grundlagen für die Indexierung.

Technologie

Next.js, React und TypeScript, gestaltet mit Tailwind CSS und shadcn/ui. Cloudinary verwaltet Produkt- und Projektbilder, Resend versendet die E-Mails, und Upstash Redis schützt die Formulare und betreibt den Besucherzähler. Die Website läuft auf Vercel.