Dana Doors

En bref

• Type de projet : Site marketing bilingue, catalogue et plateforme de demandes
• Langues : Arabe et anglais, en RTL et LTR
• Catalogue : Portes, fenêtres, garde-corps, cuisines, dressings et menuiserie
• Parcours : Produits, détails, galerie, projets, devis, conseil, contact et recrutement
• Médias : Catalogue et galerie sur Cloudinary

Le besoin

Dana Doors avait besoin d’un site public pour une gamme large et visuelle. Les visiteurs doivent comprendre un produit, examiner ses détails et discuter d’un projet avant d’acheter ; il fallait donc un catalogue et un parcours de demande, non une boutique centrée sur le paiement.

L’arabe et l’anglais devaient fonctionner naturellement. Routage localisé, RTL, contenu, métadonnées et typographie font partie de l’implémentation.

L’expérience produit

Le parcours passe de la catégorie au produit et à ses caractéristiques, puis aux images, projets et informations de commande avant la demande de devis ou de conseil. L’arabe est la locale par défaut, et les parcours existent sous /ar et /en. L’application est routée côté serveur avec des interactions ciblées ; ce n’est pas une application monopage.

Ce que nous avons livré

• Un site bilingue arabe-anglais avec routage selon la langue, mise en page RTL et polices hébergées localement pour les deux écritures
• Un catalogue de produits complet : portes, fenêtres, garde-corps, cuisines, dressings et gammes associées, avec pages de catégorie et de détail
• Une galerie photo filtrable adossée à Cloudinary
• Des formulaires de devis, de consultation, de contact et de candidature avec e-mails de confirmation adaptés
• Des bases SEO : métadonnées, images pour les réseaux sociaux, règles robots, sitemaps multilingues et données structurées
• Navigation responsive, thèmes clair et sombre, galerie accessible au clavier et gestion du mouvement réduit
• Pages projets, présentation, commande, confidentialité, conditions et informations d’entreprise

Détails du système

Les données produit et traduction restent dans le dépôt, tandis que Cloudinary fournit les médias. Des utilitaires communs alignent routes, recherche produit, résolution d’images et normalisation de galerie. Les formulaires sont validés avec Zod, protégés par honeypot et limitation de débit, puis envoyés par Resend ; Upstash Redis soutient cette protection et le compteur de visites.

Le résultat

Dana Doors dispose d’une plateforme adaptée au parcours de décision : parcourir les produits, examiner les détails, voir des réalisations et contacter l’équipe. Le catalogue bilingue prend en charge devis, conseil, contact et candidatures, avec les fondations d’accessibilité et de recherche nécessaires.

Technologie

Next.js, React et TypeScript, avec Tailwind CSS et shadcn/ui. Cloudinary gère les images de produits et de projets, Resend délivre les e-mails, et Upstash Redis protège les formulaires et alimente le compteur de visites. Le site fonctionne sur Vercel.