SeenTK

Case Study

Otlobli – التسوق من المتاجر العالمية إلى سوريا

تطبيقات جوّال · تجارة إلكترونية · تكامل متاجر · دفع وتوصيل

غلاف تطبيق Otlobli للتسوق من المتاجر العالمية والتوصيل إلى سوريا

فكرة المشروع

منصة تسوق عربية تقرّب تجربة المتاجر العالمية من المستخدم في سوريا، وتجمع التصفح واختيار المنتج وإدارة السلة وإتمام الطلب والدفع ومتابعة الشحنة في تطبيق واحد.

المشكلة

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

المستخدمون المستهدفون

المستخدمون في سوريا الراغبون في التسوق من متاجر عالمية ضمن تجربة عربية موحدة ومهيأة لاحتياجات الشراء والدفع والتوصيل المحلية.

الهدف

تبسيط رحلة التسوق من اختيار المتجر والمنتج والمقاس واللون، حتى السلة والدفع وإدخال بيانات المستلم ومتابعة حالة الطلب.

تدفق المستخدم

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

دور SeenTK

صممنا وطوّرنا تجربة التطبيق العربية، وبنينا الواجهة والمنطق المشترك، وربطنا قدرات iOS وAndroid الأصلية وخدمات الخلفية والمصادقة والمدفوعات والإشعارات، وجهزنا تدفقات البناء والاختبار والمراجعة للمتجرين.

الحل

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

التحديات

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

التنفيذ التقني

اعتمد التنفيذ على React وTypeScript وVite، مع Capacitor لربط التطبيق بقدرات iOS وAndroid. استُخدمت WKWebView وAndroid WebView لمعالجة التصفح ودورة الحياة، وSupabase للبيانات والمصادقة والوظائف الخادمية، مع رموز OTP عبر WhatsApp وتسجيل Google وتكامل ShamCash ضمن رحلة الطلب.

الخصائص المنفذة

واجهة عربية أولًا ودعم RTL، تصفح متاجر مدعومة داخل التطبيق، اختيار المقاس واللون والكمية، سلة مستقلة لكل متجر، أسعار بالدولار والليرة السورية، تفاصيل الشحن والإجمالي، بيانات المستلم وموقع التوصيل، دفع محلي وتكامل ShamCash، تسجيل برقم الهاتف وOTP عبر WhatsApp، تسجيل الدخول بحساب Google، متابعة الطلبات والتنبيهات، المحفظة والمدفوعات وما بعد الطلب

التقنيات المستخدمة

تجربة تطبيق عربية RTL، تطبيق iOS وAndroid، تصفح متاجر مضمّن، التقاط خيارات المنتج، سلات مستقلة حسب المتجر، دفع محلي وتوصيل إلى سوريا، مصادقة OTP وتسجيل Google، خدمات خلفية وإشعارات، اختبارات أجهزة قديمة وحديثة، تجهيز مراجعة App Store وGoogle Play

ReactTypeScriptViteCapacitorWKWebViewAndroid WebViewSupabaseWhatsApp OTPShamCash

حالة النشر الحالية

قيد مراجعة App Storeقيد مراجعة Google Play

الإصدار 86.244 (1112) قيد مراجعة Apple App Store وGoogle Play، وليس متاحًا للعامة حتى الآن

اختيار المتجر داخل التطبيق

واجهة Otlobli لاختيار متجر SHEIN أو Temu داخل التطبيق

السلة والأسعار وتفاصيل الشحن

واجهة سلة Otlobli مع المنتجات والأسعار وتفاصيل الشحن

ما الذي تعلمناه؟

نجاح تجربة التسوق العابرة للمتاجر يعتمد على تنظيم بيانات المنتج والسلات والدفع والتوصيل في مسار واحد، مع معالجة دقيقة للتصفح المضمّن ودورة حياة التطبيق على الأجهزة المختلفة.

النتيجة

الإصدار 86.244 (1112) قيد مراجعة Apple App Store وقيد مراجعة Google Play ضمن مسار الاختبار المغلق الإلزامي. لا نعرض أرقام مستخدمين أو تنزيلات أو تقييمات قبل الإطلاق العام.

الحالة وما الذي يثبته المشروع؟

الإصدار 86.244 (1112) قيد مراجعة Apple App Store وGoogle Play، وليس متاحًا للعامة حتى الآن. توضح هذه الدراسة قدرة SeenTK على بناء تطبيق تجارة إلكترونية عربي متعدد المنصات، ودمج التصفح والمصادقة والدفع والطلبات، ومعالجة تفاصيل WebView ودورة حياة التطبيق وتجهيز نسخ المتاجر.

هل لديك مشروع مشابه؟

أرسل الفكرة وسنساعدك على تحويلها إلى نطاق واضح وخطوة أولى قابلة للتنفيذ.

تواصل معنا الآن