<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cairo:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
الصفحة الرئيسية لموقع مكتب محمد عبد الأول للمحاماة

مكتب محمد عبد الأول المحامي

موقع للمكتب، ونظام يدير العمل خلفه

18
وحدة مُسلَّمة
2
لغتان بدعم كامل
5
أنواع صلاحيات
0
ملفات ورقية متبقية
الصناعة
التقنية القانونية
المنصة
موقع إلكتروني · تطبيق ويب
السنة
2026
المدة
6 أسابيع
دورنا
تصميم المنتج · هندسة النظام · التطوير الكامل · الدعم المستمر

01 المهمة

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

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

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

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

02 ما الذي بنيناه

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

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

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

وأصبح الجانب المالي مرئياً أخيراً. المصروفات ورواتب الموظفين وروتين موجَّه لإقفال الشهر، إلى جانب حسابات العملاء والقضايا. صار المكتب يقفل الشهر في أقل من ساعة بدل أسبوع.

03 هندسة النظام

القرارات التي تجعل نظاماً كهذا يصمد أمام واقع مكتب حقيقي غير مرئية غالباً من الخارج.

  • صلاحيات حسب الدور

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

  • دعم حقيقي لليمين-يسار

    تخطيط يراعي الاتجاه عبر الخصائص المنطقية، وأيقونات معكوسة، وأرقام عربية-هندية — لا مجرد ورقة أنماط مقلوبة في اللحظة الأخيرة.

  • خلفية على Supabase

    Postgres والمصادقة وتخزين الملفات مع عملاء مُنمَّطين، ليقضي الفريق وقته في المزايا لا في البنية التحتية.

  • تسع وحدات إعدادات

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

بُني باستخدام

  • Angular 21
  • TypeScript
  • Supabase
  • PostgreSQL
  • Tailwind CSS

داخل المنتج

الشاشات

01 / 04

الموقع العام

الشقّ الذي يراه الناس: موقع عربي يعرّف بالمكتب وبما يترافع فيه وكيف يُتواصل معه — وبوابة العملاء على بُعد نقرة واحدة في الأعلى.

02 / 04

مجالات الممارسة

ستة مجالات، لكل منها صفحته ونطاقه وأسئلته الشائعة — فيصل الباحث عن مشكلة بعينها إلى إجابتها لا إلى رقم هاتف.

03 / 04

خلف البوابة

خلف بوابة العملاء يقع الشقّ الآخر: النظام الذي يُدار به المكتب. افتحه فترى الممارسة كاملة — القضايا النشطة، وما يُنظر اليوم، والتوكيلات السارية، وأين المال.

04 / 04

أجندة الجلسات

كل جلسة لكل محامٍ في عرض أسبوعي واحد. هذه هي الشاشة التي أوقفت ضياع المواعيد في مجموعة واتساب.

المزيد من النظام

كل مجال يوضّح ما يشمله العمل ويجيب عن أسئلة الموكلين الحقيقية، مع دعوة لحجز استشارة مثبَّتة بجواره.

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

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

مئات الموكلين بمستنداتهم الثبوتية ووسائل التواصل وحالاتهم — يُبحث عنهم في ثانية بدل البحث في دُرج.

موكل واحد وكل ما يخصه: قضاياه وجهات اتصاله وتوكيلاته ورصيده المستحق في سجل واحد.

السجل الذي كان دولاب ملفات: النطاق وجهة الإصدار وتاريخ الانتهاء والمحامون الذين يخوّلهم كل توكيل فعلاً.

ملف القضية وكل تحرك عليه — الجلسات والقرارات وما قُدّم وما هو مطلوب قبل الموعد التالي.

خمسة أدوار مطبَّقة في الواجهة ومرة أخرى في قاعدة البيانات. لا يصل المساعد القانوني إلى سجل رواتب ولو كتب الرابط بنفسه.

النتائج

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