دراسة حالة · MadRewards / Savers App
Savers Club
تطبيق استرداد نقدي — العروض، المركز، والسفر
- الدور
- مهندس واجهات أمامية أول
- الشركة
- MadRewards / Savers App
- الحالة
- إنتاج
- مباشر
- m.saversapp.com
نظرة عامة
منصة عروض مرتبطة بالبطاقة للمستهلك: تطبيق أصلي لأجهزة iOS وAndroid، ونظير ويب يدمجه الشركاء، وSDK يطلق جلسات مستضافة مشفّرة مع جسور أصلية للخرائط والاتصال والسفر.
المشكلة
احتاج الشركاء المنتج نفسه داخل تطبيقاتهم دون إعادة بناء التسجيل والعروض والخرائط والسفر والمدفوعات. واحتاج الأعضاء تجربة بجودة أصلية سواء فتحوا Savers Club مباشرة أو صدفة شريك.
النهج
- 01
نموذج منتج واحد عبر clo-app (React Native CLI) وm.saversapp.com (Expo وreact-native-web)، مع مشاركة التنقل وتغذية العروض وتجربة الخريطة.
- 02
عروض قريبة مع Supercluster وعلامات مخصصة ومسافة هافرساين — القائمة والخريطة تبقيان متزامنتين.
- 03
دورة حياة الجلسة المستضافة: حمولات AES-GCM، حقن الرموز، OAuth/SSO، وعقد PostMessage لتفتح الصدفة الأصلية الخرائط أو الاتصال أو إنهاء الجلسة.
- 04
السفر كتدفق WebView مزدوج منسّق نحو Traveler Cashback، لا إطارًا ملحقًا.
النتيجة
سطح منصة لا تطبيق واحد. يدمج الشركاء Savers عبر @savers_app/react-native-sdk؛ ويحصل الأعضاء على الخرائط والقياسات الحيوية والروابط العميقة والتبرعات والاسترداد النقدي في عائلة عملاء واحدة.
أصلي ومستضاف، المنتج نفسه
clo-app هو عميل SaversClub الرئيسي: توثيق OTP، تسجيل البطاقات، المركز، الوارد، الإحالات، Face ID / Touch ID، الكاميرا، إحالة Branch، وجلب مسبق بـ React Query. وm.saversapp.com هي التجربة نفسها على الويب — المركز، الاستكشاف، العروض (قائمة وخريطة)، السفر، الاسترداد، الوارد، الملف — لتعمل مستقلة أو داخل WebView شريك.
خرائط بمقياس المنتج
العروض منتج جغرافي. التجميع والعلامات المخصصة والتغذية حسب النطاق تُبقي آلاف مواقع المتاجر قابلة للاستخدام. مرشحات نوع الكسب والمسافة والترتيب والحد الأدنى مربوطة بواجهة العروض الحية حتى يبقى التصفح صحيحًا في القائمة والخريطة.
الـ SDK طبقة التوزيع
ينشر hosted-app-react-native-sdk حزمة @savers_app/react-native-sdk. يشغّل HostedAppComponent WebView مزدوجًا، ويفك حمولات الإطلاق، ويتحدث بروتوكول مضيف مكتوب الأنواع. هذا العقد هو ما يجعل التوزيع متعدد العلامات ممكنًا دون تفريع المنتج.
التالي
لنبنِ السطح الذي يبقي عليه الناس.
أبحث عن عمل هندسة واجهات أولى على منتجات ذات تعقيد حقيقي — منصات وأسواق وأنظمة تصمد في الإنتاج.