01 / نظرة عامة
نظرة عامة
موقع تسويق وجذب عملاء ثنائي اللغة وعربي أولاً لشركة ريماس العقارية — شركة مصرية تأسست عام 2011 ومقرّها برج العرب الجديدة بالإسكندرية. مبني بـ React 18 و TypeScript فوق Vite 6 و Tailwind 4، مع مُصيِّر مسبق خاص يكتب بيانات وصفية حقيقية لكل مسار بكل لغة. ونموذج المحتوى يرفض نشر أي سعر أو موعد تسليم أو عدد وحدات غير موثّق: الحقول التجارية اختيارية، وكل مشروع يبدأ غير قابل للفهرسة، والترقية قرار صريح.
02 / المشكلة
المشكلة
عرض الشركة ومشاريعها بالعربية والإنجليزية، مع ربط المعلومات التجارية بالمحتوى المعتمد.
03 / دوري في المشروع
دوري في المشروع
التصميم وهندسة الواجهة
أعمال مختارة من هذه التجربة، والدور أعلاه يوضّح مساهمتي.
05 / القرارات الأساسية
القرارات الأساسية
جعلت الصدق بنية بيانات
القاعدة المكتوبة في مستند يكسرها أول شخص مستعجل. لذلك حملها نظام الأنواع بدلاً من ذلك: الحقول التجارية للمشروع اختيارية، وكل سجلّ يبدأ موثّق المصدر وغير قابل للفهرسة، ولا توجد أصفار أو شرطات مؤقتة تنتظر أن تُنشر بالخطأ. ترقية مشروع إلى صفحة عامة مفهرسة فعلٌ متعمَّد لا إعداد افتراضي.
العربية هي التصميم لا انعكاسه
اللغة جزء من الرابط، واتجاه اليمين لليسار بنيوي — خصائص منطقية في كل مكان، وتبديل اتجاه الأيقونات، وتدرّج للواجهة الرئيسية مرسوم مستقلاً للعربية لا مقلوباً عنها. والصفحة العربية لا تحمّل خطوط العرض اللاتينية أصلاً. يقرأ مشتري برج العرب موقعاً صُمّم للغته، والنسخة الإنجليزية هي الترجمة.
الزواحف لا تشغّل جافاسكربت، فتوقّفت عن مطالبتها بذلك
مكوّن SEO يعمل في المتصفح فقط يعني أن كل رابط مشارَك يعرض الصفحة الرئيسية نفسها. صار البناء ينتج مستند HTML ثابتاً لكل مسار بكل لغة، بعنوانه ووصفه ورابطه المعياري و hreflang و Open Graph و JSON-LD، إضافة إلى خريطة الموقع و robots و llms.txt. ووحدة بيانات وصفية واحدة تغذّي المتصفح والمُصيِّر معاً فلا يفترقان أبداً.
تصوّرات تعترف بما هي
لا توجد بعد صور فوتوغرافية للكومباوند المكتمل، لذا يعرض الموقع تصوّرات بصرية موسومة بوضوح في اللغتين بأنها مبدئية، وتُستبدل فور وصول التصوير المعتمد. تُقدَّم بصيغة WebP بستة عروض جاهزة عبر إعداد أحجام موحّد، مع تحميل مسبق للواجهة الرئيسية بوصفها أثقل عنصر مرئي؛ أما الملفات الأصلية فلا تغادر المستودع.
العميل المحتمل ينتهي حيث تتم الصفقة أصلاً
لا نظام إدارة عملاء ولا لوحة لن يفتحها أحد. يتحقق نموذج الاستشارة في مكانه عبر aria-invalid وربط الأوصاف، ثم يسلّم محادثة منظّمة إلى واتساب — القناة التي يعمل عليها فريق المبيعات فعلاً. أما الاستقبال والإشعارات من جهة الخادم فمُخطَّطة وتنتظر قرار الاستضافة، وقد ذكر ذلك ملف README صراحةً بدل التظاهر بوجودها.