tone57 — متجر إلكتروني لمعدات الموسيقى
متجر إلكتروني منتقى على tone57.com لمؤثرات ودواسات الجيتار، وأجهزة Synthesizer، ووحدات Eurorack، ومضخمات الصوت، والإكسسوارات، والكتب والوسائط، مع تجربة شراء متكاملة تشمل الشحن وتتبع الطلبات لعملاء جنوب شرق آسيا.
- العميل
- tone57، جاكرتا، إندونيسيا
- القطاع
- التجزئة ومعدات الموسيقى
التحدي
تنتقي tone57 معدات موسيقية مميزة الصوت من علامات تجارية متعددة، وتشحنها من جاكرتا إلى مختلف دول جنوب شرق آسيا. ولأن الكتالوج يتجدد باستمرار بين الدواسات وأجهزة Synthesizer والأنظمة المعيارية، احتاج العملاء إلى تصفّحه حسب العلامة التجارية والفئة، ورؤية الأسعار بوضوح، ومعرفة تكلفة الشحن الدقيقة لعناوينهم، والدفع بالوسائل التي يعتادون عليها. كما احتاج المتجر إلى حسابات للعملاء وتتبع للطلبات، حتى يُتم العملاء المتكررون الشراء بسرعة ويتابعوا شحناتهم.
الحل الذي قدّمناه
بنينا واجهة متجر سريعة بتقنية Single-Page Application مدعومة بـ API على Laravel. يتصفّح العملاء الكتالوج كاملًا حسب العلامة التجارية والفئة والسعر، مع البحث وتحميل المزيد من المنتجات تلقائيًا أثناء التصفح. وتعرض صفحة المنتج الوصف والمخزون المتاح واقتراحات "قد يعجبك أيضًا"، ويتضمن الكتالوج حقول تسعير لإندونيسيا وماليزيا وسنغافورة وتايلاند. تنتقل عملية الدفع بسلاسة من سلة التسوق إلى بيانات العميل، ثم عنوان الشحن الذي يُحدَّد بالمحافظة والمدينة والحي والرمز البريدي، ثم اختيار خدمة الشحن مع حساب تكلفتها لحظيًا. ويمكن تطبيق أكواد الخصم عند إتمام الدفع، ويتم السداد عبر بوابة Midtrans بما فيها الحسابات البنكية الافتراضية (Virtual Account). أما العملاء المسجّلون فلكلٍّ منهم ملف شخصي، ودفتر عناوين محفوظ مع عنوان رئيسي، وإدارة لكلمة المرور، وسجل للطلبات يعرض حالة الدفع وأرقام التتبع.
التقنيات المستخدمة
- React
- Vite
- Tailwind CSS
- Laravel
- PHP