تحويل بيانات سلوك المستخدم إلى متجر يحقق التحويل، لصالح KHAN&CO.

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

Overview

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

Role

قائد تصميم المنتج — تولّيتُ استراتيجية تجربة المستخدم كاملة، وهيكلة المعلومات، وتصميم الواجهات عبر منصات متعددة (الويب والتطبيق ولوحة التحكم)، وأدرتُ التسليمات الهندسية اليومية.

Team

مصمم منتج واحد (القائد)، ومالك منتج واحد، و3 مطوّرين

Timeline

12 شهرًا · مايو 2025 – مايو 2026

Context

KHAN&CO. علامة رائدة في الخليج للتجارة الإلكترونية للعبايات والأزياء المحتشمة. وعلى مدى سنوات من النمو العضوي، أُضيفت المزايا فوق بنية قديمة لم تُقيَّم يومًا في ضوء عادات التسوق الحديثة. وكان لدى النشاط زيارات كثيرة وإيرادات قوية على المحك، لكنه افتقر إلى بنية موحّدة مدعومة بالبيانات تشمل منصة الويب وتطبيق الجوال وإدارة الواجهة الخلفية.

المشكلة

كشف تدقيق سلوكي صارم استمر ثلاثة أسابيع باستخدام Microsoft Clarity عبر رحلة العميل بأكملها عن التكلفة الحقيقية لمنظومة رقمية لم تُفحص:

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

الحل

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

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

التحديات

أفرزت إعادة هيكلة ضخمة متعددة المنصات امتدت 12 شهرًا تحديات هندسية وتشغيلية معقدة:

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

تسليم سلس للمطوّرين: انتقل كل قرار في تجربة المستخدم بسلاسة من رؤية استخلصتها Clarity، إلى نموذج أولي على Figma، ثم مراجعة موجزة مع مالك المنتج، وصولًا مباشرة إلى مواصفات منظّمة للمطوّرين.

النتيجة

الأرقام الواردة أعلاه — تحويل بنسبة 0.92%، ومعدل رجوع سريع بنسبة 39%، و53,806 خطأً في JavaScript — تمثّل خط الأساس المقيس الذي صُمّمت إعادة التصميم هذه لتحريكه، وأصبح معيار نجاح المشروع: فكل قرار استهدف أحد هذه الأرقام مباشرة، لا الأسلوب البصري لذاته.

بتعامل التصميم كمحرّك للأعمال لا كتمرين أسلوبي، استهدفت إعادة التصميم مؤشرات خط الأساس المقيسة مباشرة، محوّلةً KHAN&CO. من متجر عالي الزيارات ضعيف التحويل إلى منظومة رقمية عالية الأداء متعددة المنصات، مبنية لتحقيق نمو إقليمي مستدام.