Dana Doors

Le problème

Dana Doors fabrique et installe des portes, fenêtres, garde-corps et cuisines pour des projets résidentiels, commerciaux et industriels en Arabie saoudite. Le catalogue est vaste et très visuel, et un modèle de boutique en ligne classique aurait imposé un parcours de type panier d'achat à une décision qui demande presque toujours un devis ou une conversation au préalable. Le site devait aussi se sentir natif en arabe, de droite à gauche, et non traduit après coup.

La solution

Nous avons conçu un catalogue bilingue construit pour explorer d'abord et se renseigner ensuite, une fois prêt. Le visiteur passe de la catégorie de produit aux spécifications détaillées et aux images, puis demande un devis ou une consultation. L'arabe est la langue par défaut, avec une prise en charge droite à gauche intégrée à l'interface dès le départ, et Cloudinary porte le catalogue visuel pour que les médias puissent croître sans alourdir le site.

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
• Un déploiement en production avec formulaires protégés contre les abus et un compteur de visites

Le résultat

Dana Doors dispose désormais d'une plateforme adaptée au parcours de ses clients : parcourir les produits, examiner les détails, voir des réalisations et contacter l'équipe. Le catalogue bilingue reste facile à maintenir, les formulaires de contact sont protégés et le site possède les bases techniques nécessaires à son indexation.

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.