Skybin Technology
العودة إلى دراسات الحالة
🗺️
Community & Local Commerce

منصة مجتمع قائمة على الخرائط لاكتشاف الأعمال المحلية

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

AngularOpenLayersTypeScriptASP.NETMySQL

نظرة عامة

تم تصور Support Your Local Business كرد على تحدٍ تواجهه المجتمعات في جميع أنحاء العالم: التآكل التدريجي للطرق المحلية والمتاجر المستقلة والأماكن الثقافية حيث يفضل المستهلكون المنصات الكبيرة على الإنترنت. كانت المبادرة بحاجة إلى منصة رقمية يمكنها عكس ذلك الجذب الكهربائي - مما يجعل من السهل حقاً على السكان اكتشاف ما هو متاح محلياً وفهم سبب أهمية دعم تلك الشركات والعمل على تلك النية من خلال عمليات الشراء والحسومات والاشتراكات. كانت المنصة بحاجة للعمل عبر أنواع متنوعة من الشركات المحلية والشعور بأداة المجتمع وليس سوقاً تجارياً.

التحديات

خريطة تفاعلية في قلب التجربة

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

آليات الدعم والشركات المتنوعة

كانت المنصة بحاجة لاستيعاب أنواع مختلفة جداً من الشركات - مخبزة محلية أو متجر كتب مستقل أو مسرح المجتمع - كل منها مع طرق مختلفة للعملاء لدعمهم (الشراء عبر الإنترنت أو الحسم أو الاشتراك). كان بناء نظام واحد مرن بما يكفي لخدمة كل هذه دون أن يصبح معقداً تحدياً تصميمياً كبيراً.

دفع مشاركة المجتمع الحقيقية

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

حلنا

01

تكامل خريطة OpenLayers التفاعلية

بنينا تجربة الاكتشاف الأساسية حول خريطة تفاعلية مدعومة بـ OpenLayers، متكاملة في واجهة Angular أمامية. يتم رسم الشركات كعلامات مصنفة يمكن للمستخدمين تصفيتها حسب النوع والبحث حسب الاسم والنقر لعرض التفاصيل - كل ذلك دون مغادرة عرض الخريطة. يتعامل التكامل مع مجموعات البيانات الكبيرة بكفاءة، مع تجميع العلامات على مستويات التكبير المنخفضة للحفاظ على الواجهة سريعة.

02

آليات الدعم الموحدة

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

03

مجموعة Angular + ASP.NET + MySQL

تم بناء المنصة على واجهة TypeScript Angular أمامية تتواصل مع ASP.NET API مدعوم بـ MySQL. حافظت المعمارية على فصل نظيف بين الواجهة الأمامية والخلفية، مما جعل من الواضح توسيع مجموعة الميزات على أي جانب مع نمو المنصة.

النتائج والنواتج

اكتشاف الأعمال على نطاق المجتمع

جعلت واجهة الخريطة من البديهي جداً لسكان رؤية ما هي الشركات المحلية الموجودة بالقرب منهم - بما في ذلك الكثير من تلك التي لم يكونوا يعرفونها - خلق اكتشاف لم يكن محرك البحث أو القائمة قد يكون لديه.

قنوات إيرادات متعددة للشركات المحلية

يمكن لمالكي الأعمال تقديم التسوق عبر الإنترنت والحسومات والاشتراكات من ملف تعريف واحد - مما يعطيهم المزيد من الطرق لتحويل الطيبة المجتمعية إلى إيرادات فعلية.

خريطة عالية الأداء على نطاق واسع

تعامل تكامل OpenLayers مع أعداد كبيرة من علامات الأعمال دون تدهور الأداء، مما يحافظ على تجربة الاكتشاف سريعة وسلسة حتى مع نمو الدليل.

يمكن الوصول إليها للمستخدمين غير التقنيين

تم تصميم واجهة الاكتشاف الموجهة للسكان وأدوات المسؤول لمالك العمل بسهولة الاستخدام - مما يتيح المشاركة دون الحاجة إلى المعرفة الفنية على أي جانب.

الخلاصة

يوضح Support Your Local Business ما يمكن لمنصة رقمية مصممة بشكل جيد أن تفعله للتجارة المجتمعية. من خلال جعل الاكتشاف المحلي بصرياً وفورياً وقابلاً للتنفيذ، قللت المنصة من الاحتكاك بين نية الساكن لدعم الشركات المحلية وقدرتهم على القيام بذلك - وتحويل الشعور بالمجتمع إلى نشاط اقتصادي حقيقي.

هل لديك تحدٍ مماثل؟

أخبرنا عن مشروعك وسنخبرك بكيفية مساعدتنا.

ابدأ محادثة