Dana Doors

Auf einen Blick

• Projekttyp: Zweisprachige Marketing-Website, Katalog und Anfrageplattform
• Sprachen: Arabisch und Englisch mit RTL- und LTR-Layouts
• Katalog: Türen, Fenster, Geländer, Küchen, Ankleidezimmer und Holzarbeiten
• Wege: Produkte, Details, Galerie, Projekte, Angebot, Beratung, Kontakt und Bewerbung
• Medien: Katalog- und Galerie-Bilder über Cloudinary

Der Auftrag

Dana Doors brauchte eine öffentliche Website für ein breites, bildstarkes Sortiment. Besucher müssen Produkte verstehen, Details prüfen und ein Projekt besprechen, bevor sie kaufen. Deshalb brauchte es Katalog und Anfrage statt eines Checkout-zentrierten Shops.

Arabisch und Englisch sollten selbstverständlich funktionieren: sprachabhängige Routen, RTL, lokalisierte Inhalte, Metadaten und Typografie gehören zur Umsetzung.

Produkterlebnis

Der Weg führt von der Kategorie über Produkt und Spezifikationen zu Bildern, Projekten und Bestellinformationen, dann zur Angebots- oder Beratungsanfrage. Arabisch ist Standardsprache; die Kernwege liegen unter /ar und /en. Die Anwendung ist servergeroutet mit gezielten Interaktionen, keine Single-Page-App.

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
• Responsive Navigation, helle und dunkle Themes, tastaturzugängliche Galerie und reduzierter Bewegungsmodus
• Projekt-, Über-uns-, Bestell-, Datenschutz-, AGB- und Unternehmensseiten

Systemdetails

Produkt- und Übersetzungsdaten liegen im Repository, Cloudinary liefert Medien. Gemeinsame Helfer halten Routen, Produktabfrage, Bildauflösung und Galerienormalisierung konsistent. Formulare werden mit Zod validiert, durch Honeypot und Rate Limits geschützt und über Resend versendet; Upstash Redis unterstützt Schutz und Besucherzähler.

Das Ergebnis

Dana Doors verfügt über eine Plattform für den Entscheidungsweg: Produkte durchsuchen, Details prüfen, fertige Arbeiten ansehen und das Team kontaktieren. Der zweisprachige Katalog unterstützt Angebot, Beratung, Kontakt und Bewerbungen – mit den nötigen Grundlagen für Barrierefreiheit und Suche.

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.