Floq.
منصة تداول وتعليم تجمع بين بيانات السوق المباشرة ومسار تعليمي منظم.
التحدي الذي واجهناه.
عادة ما تُبنى منصات التداول والمنصات التعليمية بواسطة فرق منفصلة، وهذا واضح في تجربة المستخدم. يتنقل المستخدمون بين تطبيق "التعلم" وتطبيق "التداول"، دون مشاركة لبيانات الدخول، ودون استمرارية للتقدم المحرز، فيتحول الانتقال من متعلم إلى متداول إلى حاجز يكلف الشركة فقدان مستخدميها.
أرادت Floq عكس ذلك تمامًا — منصة واحدة يتعلم فيها المستخدم استراتيجية، ثم يطبقها على بيانات سوق حية، ثم يناقشها مع المجتمع، كل ذلك ضمن حساب واحد وبحالة جلسة مستمرة. كان تحدي بنية المعلومات وحده كبيرًا، فضلًا عن التحدي التقني المتمثل في بث بيانات السوق، وتقديم الدورات، والفيديو، والمجتمع، ولوحة التحكم — وكلها تعمل فوق بعضها البعض.
وكان لا بد أن يشعر المستخدم بالهدوء أثناء ذلك. واجهات التداول عادة ما تكون مزدحمة وكثيفة بطبيعتها، لكن Floq أرادت كثافة معلومات مدروسة مع مساحة للتنفس البصري.
كيف بنينا المنصة.
بنينا المنصة حول واجهتين رئيسيتين: Pasar (السوق المباشر) وAcademy (الدورات المنظمة). تشترك الواجهتان في نظام تسجيل الدخول والملف الشخصي والإشعارات وحالة المجتمع. وتعيش كلتاهما ضمن نظام تصميم واحد، بحيث يشعر المستخدم بتناسق بصري كامل عند التنقل بينهما.
تعتمد Pasar على طبقة WebSocket لتحديث الأسعار ودفتر الأوامر لحظيًا، مع آلية احتياطية تعتمد على العرض من جانب الخادم لتحسين محركات البحث وسرعة أول ظهور للصفحة. أما Academy فهي نظام تعلم إلكتروني متكامل — يشمل الوحدات والدروس والفيديو والاختبارات وتتبع التقدم والشهادات — مبني على خلفية Node مخصصة بدلًا من أداة جاهزة، لأن التكامل الوثيق مع جانب التداول كان أهم من الإضافات الجاهزة لتأليف الدورات.
طبقة المجتمع مصممة عمدًا لتكون هادئة: تفاعلات وتعليقات متسلسلة، دون منتديات كاملة. فالمستخدمون أتوا من أجل السوق والتعليم؛ المجتمع طبقة داعمة، لا وجهة بحد ذاتها.
ماذا شمل المشروع.
- واجهة سوق مباشرة (Pasar) بأسعار ودفتر أوامر لحظي
- نظام تعلم إلكتروني متكامل (Academy) بفيديو واختبارات وشهادات
- نظام موحد لتسجيل الدخول والملف الشخصي والإشعارات
- لوحة تحكم مخصصة لتأليف الدورات وإدارة قوائم السوق
- طبقة مجتمعية (تعليقات وتفاعلات)
- نظام تصميم موحد يشمل كلتا الواجهتين
- ثنائية اللغة (إنجليزي/إندونيسي)
الأدوات التقنية المستخدمة.
الواجهة الأمامية
Next.js, React, TypeScript, Tailwind CSS
الخلفية
Node.js, PostgreSQL, Redis, WebSocket
الفيديو
Mux, نظام مخصص لتتبع تقدم مشاهدة الفيديو
البنية التحتية
Vercel, AWS, Cloudflare
ما تم إطلاقه.
انطلقت Floq بواجهتي Pasar وAcademy جاهزتين منذ اليوم الأول. يتنقل المستخدمون بين الواجهتين دون أي التباس. لم تتعارض بنية المعلومات مع كثافة البيانات، ولا العكس — وهي بالضبط النتيجة التي كان يسعى إليها الفريق.
كان تعليق العميل: «سوق مباشر ومنصة تعليمية في منتج واحد، وكل ذلك يبدو كواجهة واحدة هادئة. مستخدمونا توقفوا عن السؤال أين يجدون ما يبحثون عنه.»
بالأرقام.
«سوق مباشر ومنصة تعليمية في منتج واحد، وكل ذلك يبدو كواجهة واحدة هادئة. مستخدمونا توقفوا عن السؤال أين يجدون ما يبحثون عنه.»
لمحة من العمل.
الخدمات التي قامت عليها المنصة.
أنظمة الأعمال والأتمتة
أدوات تشغيل داخلية، ولوحات تحكم إدارية، وسير عمل للموافقات، وإشعارات، وتقارير — الأنظمة التي تتيح لفريقك العمل بسرعة أكبر بخمس مرات دون توظيف المزيد.
استكشف مواقع الويبتصميم وتطوير المواقع
مواقع سريعة، متوافقة مع محركات البحث، ومصممة أولًا للجوال، مع نظام إدارة محتوى سهل وممتع فعليًا في الاستخدام. تشمل المواقع التسويقية، صفحات الحضور المؤسسي، ومنصات المحتوى.
استكشف تطبيقات الأجهزة الذكيةتطوير تطبيقات الأجهزة الذكية
تطبيقات مبنية بـ Flutter وReact Native وتقنيات أصلية (Native) — بدءًا من النموذج الأولي وصولًا إلى الإطلاق في متاجر التطبيقات والتطوير المستمر بعد الإطلاق.
استكشفأعمال أخرى.
Coinsiren
منصة اكتشاف عملات رقمية يقودها المجتمع، مصممة خصيصًا للسوق الكوري.
اقرأ دراسة الحالة التجارة الإلكترونية · مواقع الويبOctarine
هوية ومتجر إلكتروني لماركة أزياء، بتصميم يعتمد على إطلاقات محدودة وتجربة شراء هادئة.
اقرأ دراسة الحالة مواقع الويب · إدارة المحتوىMamba Agency
موقع لوكالة تحسين محركات بحث تعتمد على الذكاء الاصطناعي، يبرز قدراتها من خلال دراسات حالة وهوية واضحة ومتميزة.
اقرأ دراسة الحالةابدأ مشروعك المشابه.
كل مشروع يبدأ بمكالمة تعارفية. نرسل لك نطاق العمل كتابيًا خلال 3 أيام عمل.