جميع المشروعات

Dream Home

جارٍ العمل · 2026
الفترة
2026
التقنيات
Next.js · React · TypeScript · MapLibre · Google Cloud Run

كيف بدأت الفكرة

كلّفت شركة إنشاءات بإنشاء الموقع لمساعدة الباحثين عن مسكن على استكشاف مشروعاتها العقارية.

المشكلات والقرارات

من الصور المصيّرة إلى الاختيار

لم تُظهر الصور التصييرية المتاحة سوى بعض الزوايا. أعدتُ بناء تمثيلات ثلاثية الأبعاد انطلاقًا من تلك المواد، ونظّمتُ مسارًا عبر الخريطة والنماذج ومخططات الطوابق، مع ربط كل مشروع عقاري بوحداته.

إتاحة المستندات للجميع

لتوضيح خيارات المواد، أدرس كيفية ربط كل مادة بمواصفاتها ووثائقها المتاحة، وجمع مراجع التشريعات البيئية، والتحقّق من أي شهادات ISO قبل عرضها.

كيف يعمل

  1. يعتمد الموقع على Next.js وReact وTypeScript. تُصيَّر صفحات المحتوى والمشاريع مسبقًا، مع توفير المحتوى والمسارات بكلتا اللغتين.
  2. توفّر MapLibre GL الخريطة التفاعلية. وتتشارك عوامل التصفية وقائمة المشاريع والمشروع التطويري المحدَّد حالة الواجهة نفسها.
  3. تستخدم المعارض والمخططات القابلة للتكبير والمشاهد بزاوية 360 درجة صورًا ولقطات مُعدّة مسبقًا، بدلًا من مشهد ثلاثي الأبعاد كامل يُصيَّر في الوقت الفعلي داخل المتصفح.
  4. تستضيف حاوية مستقلة على Google Cloud Run المعاينة. وتتولى Server Actions وZod وnodemailer التحقق من صحة المدخلات ومسارات التواصل.

ما تعلمته

تعلّمت تنظيم معلومات العقار حول القرارات التي يحتاج الباحث عن منزل إلى اتخاذها. وأنقل هذا الاهتمام بالخطوة التالية للمستخدم إلى منتجات أخرى أيضًا.

الحالة الحالية

قيد التطوير، ضمن معاينة خاصة. لا يزال التحقّق من الإتاحة والمحتوى ومسارات المستخدم جاريًا.

SEO وGEO وAEO للمحتوى العام

في Dream Home، أُعدّ المحتوى العام وطريقة عرضه مع مراعاة SEO (تحسين محركات البحث)، وGEO (تحسين الظهور في المحركات التوليدية)، وAEO (تحسين الظهور في محركات الإجابة). يركّز هذا العمل على الوضوح والسياق والبنية قبل الإطلاق.

المعاينة خاصة. أُعدّ المواد الموجّهة للجمهور للنشر. كيف أعمل على SEO وGEO وAEO

لديك مشكلة مثيرة للاهتمام؟

أخبرني بما تريد بناءه أو تحسينه، ومن سيستخدمه، وما القيود التي تواجهك. سأتواصل معك لنحدّد معًا نقطة البداية.