جعل تسوّق الإلكترونيات أسرع وأقل تعقيدًا، لصالح Star Gallery

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

Overview

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

Role

قائد تصميم المنتج / مصمم واجهات وتجربة مستخدم — تولّيتُ استراتيجية تجربة المستخدم كاملة، وهيكلة المعلومات، وتحليل المنافسين، وشخصيات المستخدمين، ومسارات المستخدم، وتصميم الواجهات عبر منصات متعددة.

Team

مصمما واجهات وتجربة مستخدم، و3 مطوّرين، ومالك منتج / صاحب مصلحة واحد (مدير المشروع).

Timeline

6 أشهر

Context

لترسيخ مكانة Star Gallery في سوق تجزئة الإلكترونيات، أجرينا تحليلًا تنافسيًا دقيقًا مقابل منصات رائدة (مثل Microless وGear-up.me و7MD). وساعدت هذه المقارنة المرجعية على تحديد فجوات حيوية في السوق في عمليات إتمام الشراء واتساق الواجهة وإمكانية الوصول ودقة الطلبات، بما يضمن أن تمنحنا قراراتنا التصميمية ميزة تنافسية واضحة.

المشكلة

من خلال أبحاث المستخدمين وخرائط التعاطف وخرائط الرحلة، رسمنا خريطة نقاط الاحتكاك الأساسية في تجربة التسوق:

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

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

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

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

النتيجة

حوّلت إعادة التصميم Star Gallery من واجهة متجر تقليدية تعاني من احتكاك مرتفع مع المستخدمين إلى منظومة تجارة إلكترونية حديثة وبديهية وعالية الأداء، تقدّم تجربة تسوّق إلكترونية سلسة ترفع ثقة العلامة التجارية ورضا المستخدمين وإمكانات التحويل بوجه عام.