DealDial
موقع تسويقي مبني للتحويل لخدمة توليد Leads واتصالات مدعومة بالذكاء الاصطناعي، يحوّل أرقام الشركة إلى مكالمات استراتيجية.
- الدور
- قيادة تقنية · معمارية الواجهة الأمامية · تسليم مع فريق DevSparks
- الخدمات
- استراتيجية المنتج والرسائل · تصميم UI/UX · تطوير Next.js 16 · مسار تحويل عبر Calendly · SEO والأداء · تحليلات وتتبع الأحداث
- التقنيات
- Next.js 16 · TypeScript · SCSS · Tailwind v4 · Swiper · Calendly
- العميل
- DealDial
- المجال
- PropTech
- المدة الزمنية
- 8 أسابيع · 2025
01 / سياق العمل
المشكلة المطلوب حلّها
يقضي مستثمرو العقارات وقتًا كبيرًا في متابعة العملاء المحتملين والاتصال بالقوائم وإدارة المهام بدل التركيز على الصفقات. احتاج DealDial إلى موقع تسويقي يشرح خدمة مركّبة من ثلاثة أجزاء — Leads مدعومة بالذكاء الاصطناعي، واتصالات، ومساعدين افتراضيين — في عرض واضح وموجّه إلى نتيجة واحدة.
DealDial خدمة لتوليد الـ Leads والاتصالات لمستثمري العقارات، تجمع بين بيانات العملاء المحتملين، وفريق الاتصال، والمساعدين الافتراضيين. مع فريق DevSparks قدت تسليم موقع Next.js 16 يشرح هذا العرض المركّب كقصة واحدة واضحة، ويوجّه الزائر إلى حجز مكالمة استراتيجية.
02 / من النطاق إلى الإطلاق
كيف تحرّك العمل؟
أصبح المنتج أوضح عبر قرارات محددة ونسخ عاملة وملاحظات مستمرة، لا عبر انتظار كشف نهائي طويل.
04 خطوات
خطوة 01
بدأنا بالاكتشاف وصياغة العرض: حللنا المنافسين وعملنا مع الفريق المؤسس على تفكيك الخدمة ذات الأجزاء الثلاثة، ثم جمعناها في قصة واحدة يستطيع المستثمر فهمها بسرعة.
خطوة 02
ثم صممنا هيكل صفحات يجيب عن اعتراض في كل مرحلة، مع نظام بصري متسق، ومقارنة واضحة للباقات، وأقسام إثبات مصممة للموبايل أولًا.
خطوة 03
بنينا الموقع على Next.js 16 مع SSR لدعم SEO، ومحرك تسعير بمستويات، وأقسام إثبات عبر Swiper، وربط Calendly في كل صفحة بوصفه مسار التحويل الأساسي.
خطوة 04
عند الإطلاق اجتاز الموقع Core Web Vitals، وربطنا أحداث GA4 بإجراءات الدعوة إلى الفعل، وأسسنا مع فريق DealDial مسار تحسين يعتمد على بيانات الاستخدام.
03 / القرارات التي شكّلت المنتج
قرارات المنتج الأساسية
نحوّل عرضًا متشعبًا إلى قصة واحدة
- سياق العمل
- كان من السهل عرض أجزاء الخدمة كقائمة مزايا منفصلة، لكن الزائر يحتاج أولًا إلى فهم كيف تعمل معًا وما الخطوة التالية.
- القرار
- بنينا هيكل صفحات يبدأ بالمشكلة، ثم يشرح مكوّنات الخدمة وعلاقتها ببعض، ويعرض الباقات والدليل المتاح قبل الدعوة إلى حجز مكالمة.
- لماذا
- هذا الترتيب يقلّل الغموض حول عرض مركّب ويمنح الزائر سياقًا كافيًا قبل اتخاذ الخطوة التالية.
مسار تحويل واحد بدل دعوات متنافسة
- سياق العمل
- قد يدفع العرض المركّب إلى توزيع دعوات الإجراء بين نماذج التواصل وصفحات التسعير والاستفسارات العامة، فتتنافس جميعها على قرار الزائر.
- القرار
- ربطنا حجز مكالمة استراتيجية عبر Calendly في كل صفحة بوصفه مسار التحويل الأساسي.
- لماذا
- يحتاج العرض ذو الأجزاء الثلاثة إلى محادثة توضّح الملاءمة، ويحافظ المسار الواحد على وضوح رحلة التحويل وإمكان قياسها بأحداث GA4.
جاهزية التوسع اللغوي منذ البداية
- سياق العمل
- كان من الممكن تأجيل التوطين إلى مرحلة لاحقة بعد اكتمال الموقع الإنجليزي.
- القرار
- بنينا الموقع جاهزًا لثنائية اللغة من البداية.
- لماذا
- أصبحت إضافة لغة أخرى توسعةً في المحتوى والتوجيه بدل أن تتطلب إعادة بناء لهيكل الموقع.
04 / المنتج أثناء الاستخدام
ما تم بناؤه
واجهات حقيقية عبر تجربة العميل والتشغيل.
05 / كيف تم بناؤه؟
قرارات هندسية
Next.js 16 مع Server-Side Rendering لدعم SEO، واجتياز Core Web Vitals عند الإطلاق.
محرك تسعير بمستويات يعرض باقات Starter وApex وShark، مع جدول لمقارنة المزايا وخصم الدفع السنوي.
مسار حجز مكالمة استراتيجية عبر Calendly متكامل في كل صفحة بوصفه إجراء التحويل الأساسي.
أقسام إثبات وشهادات عبر Swiper تدعم سردية الثقة.
تتبع أحداث GA4 على إجراءات الدعوة إلى الفعل لدعم التحسين بعد الإطلاق.
06 / ما الذي تغيّر؟
النتيجة التي تم تسليمها
تم التسليم خلال 8 أسابيع: أُطلق DealDial بموقع يشرح العرض في قصة واضحة ويتيح مقارنة الباقات والوصول إلى حجز المكالمة من مسار واحد.
صُمّم الموقع ليكون وجهة موحّدة لحملات الإعلانات ورسائل التواصل التي يديرها فريق DealDial.
أحداث GA4 على إجراءات الدعوة إلى الفعل، مع بنية جاهزة لإضافة لغات، تمنح الفريق أساسًا للتحسين والتوسّع بعد الإطلاق.
“منصة الـ lead-gen بتاعتنا راحت من فكرة لـ live في أقل من ثلاث شهور — ثنائية اللغة، سريعة، ومطابقة للبراند بالظبط.”
هل تواجه تحديًا مشابهًا في منتجك؟
ابدأ بالمشكلة. يمكننا تحديد المنتج الذي تحتاجه ومسار عملي للوصول إلى الإطلاق.