دراسة الحالة

إيميرالد بيوتي

نظرة عامة على مشروع تصميم الويب

ملخص المشروع

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

الأهداف الرئيسة

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

ادارة مشروع

استخدم المشروع منهجية أجايل، مع سبرينتات أسبوعية، ومراجعات للمهام، وحلقات تغذية راجعة. تعاون فريق متعدد التخصصات—من مديري المشاريع والمصممين والمطورين—بشكل فعّال. تم تبادل سير عمل التصميم عبر Figma، وتم إدارة التحكم بالإصدارات من خلال GitHub، مما ضمن الشفافية والتوافق مع توقعات العميل طوال فترة تنفيذ المشروع.
emerald2

التقنيات والتكنولوجيا

لتحقيق هذا المشروع، تم استخدام حزمة متكاملة من التقنيات الحديثة. تم تطوير الصفحة الرئيسية باستخدام React.js لضمان تجربة ويب متجاوبة وجذابة بصريًا. أما التطبيق المحمول لكل من iOS وAndroid، فقد تم بناؤه باستخدام Flutter، مما أتاح قاعدة شفرة موحدة وتجربة مستخدم متسقة. على الجانب الخلفي، تم استخدام Node.js مع Express.js لإدارة العمليات على الخادم، في حين تم اعتماد MongoDB كقاعدة البيانات الأساسية لتخزين بيانات المستخدمين، والحجوزات، والمحتوى. تم دمج Stripe لمعالجة الدفعات بشكل آمن، بما في ذلك آلية الدفع المؤجّل بعد تقديم الخدمة. كما تم استخدام Firebase للمصادقة والتحقق عبر رمز التفعيل (OTP)، بالإضافة إلى استخدام Firebase Cloud Messaging لإرسال الإشعارات الفورية. تم تطوير لوحة التحكم الإدارية باستخدام React.js لتوفير نظام إدارة محتوى شامل مع إمكانيات الإشراف. وتم نشر الاستضافة عبر AWS وFirebase، مما وفّر سرعة وقابلية للتوسع وموثوقية عالية.
emerald3

التحديات

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

الحلول

تمت معالجة كل تحدٍ من خلال حلول فعّالة. تتضمن المنصة خاصية التدويل (Internationalization) التي تتيح التبديل السلس بين اللغتين الإنجليزية والعربية، مع تعديل تلقائي لتخطيط الواجهة حسب اتجاه اللغة. يدير نظام قفل الفترات الزمنية باستخدام WebSocket الحجوزات في الوقت الفعلي، حيث يتم قفل الفترة مؤقتًا أثناء عملية الحجز. تم تخصيص واجهة برمجة تطبيقات Stripe لتمكين خصم الدفعات فقط بعد إتمام الخدمة، وذلك بعد تأكيد الحالة من النظام الخلفي. تتيح لوحة إشراف إدارية للمسؤولين الموافقة أو رفض ملفات المستقلين وخدماتهم. وقد تم اختيار Flutter لتطوير التطبيق المحمول باستخدام قاعدة شفرة واحدة عبر الأنظمة، مما يقلّل من وقت التطوير والأخطاء. كما تضمن فلاتر الموقع الجغرافي أن يتمكن المستخدمون من حجز المستقلين ضمن نطاقهم الجغرافي فقط.
emerald5

النتائج

كانت النتيجة النهائية منصة متكاملة واحترافية تلبّي توقعات العميل. تم إطلاق الصفحة الرئيسية مع روابط مدمجة لتحميل التطبيق. وقد وفرت التطبيقات المبنية باستخدام Flutter تجربة سلسة لكل من العملاء والمستقلين، مما أتاح تصفّح الخدمات، وحجزها، والدفع الآمن بكل سهولة. تمكن المستقلون من إدارة توفرهم وعرض ملفاتهم التعريفية، في حين ساعدت خاصية الدفع بعد تقديم الخدمة على تعزيز ثقة المستخدمين. حافظ المسؤولون على التحكم الكامل من خلال لوحة إدارة قوية. وأظهرت اختبارات النسخة التجريبية رضا المستخدمين بنسبة تجاوزت ٩٥٪، دون تسجيل أي مشكلات. تم تحسين المنصة من حيث الأداء، وأصبحت جاهزة للتوسع.

خاتمة

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

Hello 👋
Chat now via Whatsapp