مواقع الويب · أنظمة الأعمال · إندونيسيا · 2025

Floq.

منصة تداول وتعليم تجمع بين بيانات السوق المباشرة ومسار تعليمي منظم.

القطاعالتداول والتعليم
الموقعإندونيسيا
السنة2025
الخدمةأنظمة الأعمال
الموقع المباشرfloq.co.id ↗
الصفحة الرئيسية لمنصة 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 جاهزتين منذ اليوم الأول. يتنقل المستخدمون بين الواجهتين دون أي التباس. لم تتعارض بنية المعلومات مع كثافة البيانات، ولا العكس — وهي بالضبط النتيجة التي كان يسعى إليها الفريق.

كان تعليق العميل: «سوق مباشر ومنصة تعليمية في منتج واحد، وكل ذلك يبدو كواجهة واحدة هادئة. مستخدمونا توقفوا عن السؤال أين يجدون ما يبحثون عنه.»

الأرقام

بالأرقام.

<300ms زمن استجابة تحديث الأسعار اللحظي
لكل درس دقة تتبع إتمام دورات Academy
100% استمرارية الجلسة عبر الواجهتين

«سوق مباشر ومنصة تعليمية في منتج واحد، وكل ذلك يبدو كواجهة واحدة هادئة. مستخدمونا توقفوا عن السؤال أين يجدون ما يبحثون عنه.»

Anas صاحب المشروع، Floq
معرض الصور

لمحة من العمل.

ابدأ الآن

ابدأ مشروعك المشابه.

كل مشروع يبدأ بمكالمة تعارفية. نرسل لك نطاق العمل كتابيًا خلال 3 أيام عمل.

استعرض جميع الأعمال