Zero Lice
منصة رعاية صحية ثنائية اللغة للعائلات في الإمارات، تجمع التسعير والحجز عبر WhatsApp ومدونة تُدار من Laravel ومبنية لكسب زيارات البحث باللغتين، في تجربة واضحة ومطمئنة.
- الدور
- قيادة تقنية · تطوير Next.js وتكامل الـ API · تسليم مع فريق DevSparks
- الخدمات
- هيكلة تجربة UX ثنائية اللغة (EN/AR) · نظام تصميم للواجهة · تطوير Next.js 15 · Backend بـ Laravel وMySQL · تكامل API للتسعير الديناميكي · إدارة محتوى للمدونة والعروض · SEO تقني ومحتوى باللغتين · تحليلات وتتبع WhatsApp
- التقنيات
- Next.js 15 · Laravel · MySQL · TypeScript · next-intl · SCSS · MUI · REST API
- العميل
- Zero Lice UAE
- المجال
- الرعاية الصحية
- المدة الزمنية
- 10 أسابيع · 2024
01 / سياق العمل
المشكلة المطلوب حلّها
التعامل مع القمل تجربة حساسة ومتوترة لكثير من العائلات. احتاج Zero Lice إلى موقع ثنائي اللغة يشرح الخدمة والتسعير بوضوح، ويمنح الأهالي طريقة سريعة ومريحة للتواصل والحجز من دون لغة مربكة أو حكم.
Zero Lice خدمة متخصصة للعائلات في الإمارات، مع خيارات للخدمة في المنزل أو العيادة. ولأن قرار الحجز يأتي غالبًا في لحظة حساسة، احتاجت العلامة إلى حضور ويب يوازن بين الوضوح والطمأنة وسهولة الوصول إلى المعلومة — وإلى موقع تستطيع العائلات الوصول إليه أصلًا، لأن الأهل يبحثون عن هذه المشكلة بصمت عبر محركات البحث قبل الاتصال بأي جهة بوقت طويل. سلّمنا واجهة Next.js 15 ثنائية اللغة بدعم RTL للعربية فوق Backend بـ Laravel وMySQL، مع تسعير ديناميكي، ومدونة مبنية كقناة استقطاب من البحث.
02 / من النطاق إلى الإطلاق
كيف تحرّك العمل؟
أصبح المنتج أوضح عبر قرارات محددة ونسخ عاملة وملاحظات مستمرة، لا عبر انتظار كشف نهائي طويل.
06 خطوات
خطوة 01
بدأنا بالبحث ورسم رحلة العائلة مع فريق الخدمة لفهم الأسئلة والمخاوف التي تسبق الحجز. صيغ المحتوى والألوان والتدفقات لتقليل التوتر وتقديم المعلومة الأساسية أولًا.
خطوة 02
صممنا اللغتين من الأساس بدل التعامل مع العربية كترجمة لاحقة: تخطيطات معكوسة RTL، وخطوط Cairo وPoppins، ولوحة ألوان هادئة تدعم الوضوح والثقة.
خطوة 03
بنينا الـ Backend على Laravel وMySQL ليحمل الخدمات والتسعير ومقالات المدونة وبياناتها الوصفية لكل لغة والعروض التسويقية وطلبات التواصل، وأتحناه للموقع كـ REST API يديره فريق التسويق مباشرة.
خطوة 04
بنينا الواجهة على Next.js 15 مع next-intl، وربطنا محرك التسعير بهذا الـ API، وأضفنا المدونة، وشكّلنا مسار حجز يبدأ من WhatsApp لتقليل خطوات التواصل.
خطوة 05
تعاملنا مع البحث كمتطلب تسليم لا كقائمة مراجعة قبل الإطلاق: صفحات تُعرض من الخادم لكل لغة، وربط hreflang متبادل بين النسختين العربية والإنجليزية لكل صفحة، وروابط وبيانات وصفية مترجمة، وبيانات منظمة، وخرائط موقع مولّدة — ثم بنينا المدونة كسطح يجيب عن أسئلة الأهل الفعلية في البحث.
خطوة 06
عند الإطلاق ربطنا GTM وGA4 بإجراءات الدعوة إلى الفعل، وحسّنا Core Web Vitals للهواتف متوسطة الإمكانات، وهي الجهاز الأساسي لرحلة الحجز.
03 / القرارات التي شكّلت المنتج
قرارات المنتج الأساسية
تصميم ثنائي اللغة من الأساس، لا ترجمة لاحقة
- سياق العمل
- كان من الممكن إضافة العربية بعد اكتمال الموقع الإنجليزي، وهو ما يؤدي غالبًا إلى تخطيطات RTL غير متوازنة وخطوط لا تخدم القراءة العربية جيدًا.
- القرار
- صممنا تجربتي اللغتين معًا منذ اليوم الأول: تخطيطات معكوسة RTL، وتوجيهًا مدركًا للغة عبر next-intl، وخطوط Cairo للعربية إلى جانب Poppins للإنجليزية.
- لماذا
- بالنسبة إلى العائلات في الإمارات، العربية تجربة أساسية وليست إضافة لاحقة؛ لذلك عوملت اللغتان كجزأين متكافئين من نظام واحد.
حجز يبدأ من WhatsApp مع نموذج احتياطي
- سياق العمل
- العائلات التي تبحث عن هذه الخدمة تحتاج عادةً إلى إجابة سريعة، بينما يضيف نموذج حجز طويل احتكاكًا في لحظة متوترة أصلًا.
- القرار
- جعلنا WhatsApp مسار التواصل الأساسي، مدعومًا بنموذج احتياطي، وقلّلنا الخطوات بين فهم الخدمة وبدء المحادثة.
- لماذا
- يتوافق ذلك مع طريقة تواصل كثير من المستخدمين عبر الهاتف، ويمنح الفريق قياسًا واضحًا لتفاعل الزوار مع إجراءات الحجز.
واجهة محتوى بـ Laravel بدل محتوى ثابت في الكود
- سياق العمل
- احتاج الفريق إلى نشر مقالات للـ SEO وتحديث العروض التسويقية بانتظام، بينما كان نشر إصدار جديد مع كل تعديل سيؤخر العمل. وكان على التسعير والخدمات أيضًا أن تبقى قابلة للتعديل من دون مطوّر.
- القرار
- بنينا المدونة والعروض والخدمات والتسعير داخل لوحة إدارة Laravel فوق MySQL، وقدّمناها لواجهة Next.js عبر REST API، فيستهلك الموقع المحتوى بصورة headless بدل تخزينه في الكود.
- لماذا
- يستطيع فريق التسويق النشر وإطلاق العروض من دون إصدارات جديدة، فيبقى محرك الـ SEO يعمل مستقلًا عن دورة التطوير — كما أن وجود المحتوى في نفس الـ Backend مع التسعير وطلبات التواصل يعني نظامًا واحدًا لتشغيل الموقع بدل اشتراك CMS منفصل مركّب فوق API آخر.
الـ SEO كقناة استقطاب، مبني من البداية
- سياق العمل
- يبحث الأهل عن موضوع القمل بصمت، بالعربية والإنجليزية، قبل التواصل مع أي عيادة بوقت طويل. والإعلانات المدفوعة في هذه الفئة مكلفة وتتوقف نتائجها بتوقف الميزانية، لذلك كان على الموقع أن يكسب هذا الطلب بنفسه — وهو أمر يسهل إفساده في موقع ثنائي اللغة، حيث تتنافس النسختان على نفس الكلمات أو لا تُفهرس الصفحات العربية بشكل صحيح.
- القرار
- بنينا أساس الـ SEO داخل المنصة بدل إضافته لاحقًا: صفحات تُعرض من الخادم لكل لغة، وربط hreflang متبادل بين كل صفحة عربية ونظيرتها الإنجليزية، وروابط canonical لكل لغة، وروابط وعناوين وأوصاف مترجمة وقابلة للتعديل لكل مقال من لوحة Laravel، وبيانات منظمة للنشاط المحلي والمقالات والأسئلة الشائعة، وخرائط موقع مولّدة لكل لغة، وبنية مدونة تجيب عن أسئلة الأهل الحقيقية وتربطها بصفحات الخدمة والتسعير.
- لماذا
- البحث هو نقطة البداية لهذا الجمهور، والمحتوى هو القناة الوحيدة التي تستمر بعد توقف ميزانية الحملات. وبناء ذلك داخل المنصة يعني أن كل مقال جديد يرث البيانات الوصفية الصحيحة وربط اللغتين والروابط الداخلية تلقائيًا، بدل الاعتماد على تذكّر أحدهم لقائمة مراجعة الـ SEO في كل مرة.
04 / المنتج أثناء الاستخدام
ما تم بناؤه
واجهات حقيقية عبر تجربة العميل والتشغيل.
05 / كيف تم بناؤه؟
قرارات هندسية
منصة ثنائية اللغة EN/AR على Next.js 15، مع توجيه مدرك للغة عبر next-intl، وتخطيطات RTL معكوسة، وخطي Cairo وPoppins.
Laravel API فوق MySQL يحمل الخدمات والتسعير ومقالات المدونة بروابطها وبياناتها الوصفية لكل لغة والعروض التسويقية وطلبات التواصل، ويديره فريق التسويق من دون تدخل المطوّر.
محرك تسعير ديناميكي يستمد الأسعار مباشرة من هذا الـ REST API، مع الاختيار بين الخدمة داخل العيادة أو المنزل وخيارات تسعير المجموعات.
تُعرض الصفحات من الخادم لكل لغة لدعم SEO وسرعة التحميل على الهاتف، مع تحسين Core Web Vitals للهواتف متوسطة الإمكانات.
SEO ثنائي اللغة مبني داخل طبقة التوجيه: ربط hreflang متبادل بين كل صفحة عربية وإنجليزية، وروابط canonical وروابط مترجمة لكل لغة، وخرائط موقع مولّدة لكل لغة حتى لا تنافس نسخة الأخرى أو تحجبها.
بيانات منظمة للعيادة كنشاط محلي وللمقالات ولأقسام الأسئلة الشائعة، مع عناوين وأوصاف وبيانات معاينة للمشاركة قابلة للتعديل لكل مقال من لوحة Laravel.
بنية مدونة مصاغة حول ما يبحث عنه الأهل قبل الحجز — أسئلة العلاج، وإشعارات المدارس، والوقاية — مع ربط المقالات بصفحات الخدمة والتسعير ليكون لزيارات المحتوى مسار نحو طلب فعلي.
GTM وGA4 وتتبع الأحداث على إجراءات التواصل والحجز لقياس رحلة الزائر وتحسينها بعد الإطلاق.
06 / ما الذي تغيّر؟
النتيجة التي تم تسليمها
أُطلقت منصة ثنائية اللغة تشرح الخدمة والتسعير في مسار واضح ومطمئن للعائلات في الإمارات.
أصبح الحجز عبر WhatsApp والتسعير الديناميكي جزءًا من تجربة واحدة بدل توزيع المعلومات بين قنوات منفصلة.
يستطيع الفريق تحديث المقالات والعروض والخدمات والتسعير من لوحة Laravel من دون تعديل الكود.
أُطلق الموقع وأساس الـ SEO ثنائي اللغة جاهز بالفعل — صفحات قابلة للفهرسة تُعرض من الخادم، وربط صحيح بين العربية والإنجليزية، وبيانات منظمة، وخرائط موقع — بحيث يبقى النشر هو العمل المستمر الوحيد المطلوب لتنمية الحضور في البحث.
تم تسليم المنصة خلال 10 أسابيع بالعربية والإنجليزية.
“فهموا براند رعاية صحية موجّه للعائلات فوراً. بناء الـ Arabic RTL طلع مظبوط من أول مرة.”
هل تواجه تحديًا مشابهًا في منتجك؟
ابدأ بالمشكلة. يمكننا تحديد المنتج الذي تحتاجه ومسار عملي للوصول إلى الإطلاق.