Dana Doors

المشكلة

Dana Doors بتصنّع وتركّب أبواب وشبابيك ودرابزين ومطابخ في مشاريع سكنية وتجارية وصناعية في السعودية. الكتالوج واسع وبصري، وأي نمط متجر إلكتروني عادي كان هيفرض تدفق "أضف للسلة" على قرار غالبًا محتاج عرض سعر أو محادثة الأول. الموقع كمان لازم يحس إنه أصلي بالعربي، من اليمين للشمال، مش مترجم كإضافة أخيرة.

الحل

صممنا كتالوج ثنائي اللغة مبني على التصفح الأول والاستفسار لما العميل يكون جاهز. الزائر بيتحرك من فئة المنتج للمواصفات التفصيلية والصور، وبعدين يطلب عرض سعر أو استشارة. العربي هو اللغة الافتراضية، ودعم اليمين لليسار جزء من الواجهة من البداية، وCloudinary بيحمل الكتالوج البصري عشان الوسائط تكبر من غير ما تتقل على الموقع.

اللي قدّمناه

• موقع ثنائي اللغة (عربي وإنجليزي) بتوجيه حسب اللغة، واجهة RTL، وخطوط محلية للغتين
• كتالوج منتجات كامل: أبواب، شبابيك، درابزين، مطابخ، غرف ملابس، ومجموعات تانية، بصفحات فئات وتفاصيل
• معرض صور قابل للفلترة مدعوم بـ Cloudinary
• نماذج عرض سعر واستشارة وتواصل وتقديم وظائف مع إيميلات تأكيد مخصصة
• أساسيات SEO: بيانات وصفية، صور مشاركة اجتماعية، قواعد robots، خرائط مواقع متعددة اللغات، وبيانات مُهيكلة
• نشر إنتاجي مع نماذج محمية من الإغراق وعدّاد زوار

النتيجة

Dana Doors دلوقتي عندها منصة ماشية مع طريقة قرار عملائها: يتصفحوا المنتجات، ويراجعوا التفاصيل، ويشوفوا شغل منفّذ، ويتواصلوا مع الفريق. الكتالوج بالعربي والإنجليزي، سهل يتحدّث ويتصان، ونماذج التواصل فيه محمية. وكمان فيه أساسيات SEO اللي محتاجها عشان يظهر في البحث.

التقنيات المستخدمة

Next.js وReact وTypeScript، بتصميم Tailwind CSS وshadcn/ui. Cloudinary بيدير صور المنتجات والمشاريع، Resend بيبعت الإيميلات، وUpstash Redis بيحمي النماذج ويشغّل عدّاد الزوار. الموقع شغال على Vercel.