الانتقال إلى المحتوى
جميع المشاريع

موقع لهيئة محامين

قائمة المحامين ومجالات العمل ووسائل التواصل — موقع ثابت لا يجمع شيئًا عن زائره.

العميل
Коллегия адвокатов Курчатовского района Челябинска
السنة
2026
التقنيات
nextjs, react, typescript, scss, static-export, caddy

فتح موقع المشروع

تعمل الهيئة في تشيليابينسك منذ عام 1989، ولم تكن المهمة الإعلان عنها: الإعلان عن المحامي ممنوع. كانت المهمة عرض قائمة المحامين ومجالات العمل ووسائل التواصل بحيث يستطيع القارئ التحقق بنفسه من صفة كل محامٍ — عبر رقمه في سجل نقابة محامي منطقة تشيليابينسك. اقترحنا الاستغناء عن نموذج التواصل، ووافقت الهيئة. لا نموذج يعني لا بيانات شخصية: الموقع لا يصبح مشغّلًا لها، فلا سياسة معالجة يجب الحفاظ على صحتها، ولا خانة موافقة، ولا إخطار للجهة الرقابية، ولا مفتاح سرّي على أحد أن يحرسه. للتواصل رقمان هاتفيان وبريد إلكتروني، والعنوان على خريطة — والخريطة لا تُحمّل إلا إذا وصل الزائر إليها، وهي الطلب الخارجي الوحيد في الصفحة. قائمة المحامين كاملة: رقم السجل وسنوات الممارسة والتخصص على البطاقة، وصفحة لكل واحد، وفلتر حسب فرع القانون فوقهم جميعًا. كُتبت النصوص وفق القانون الاتحادي 63 ومدوّنة أخلاقيات المهنة — بلا تقييمات، وبلا وعود بنتيجة، وبلا شهادات عملاء، وبلا كلمة واحدة عن قضية أحد. يُبنى الموقع ملفات ثابتة ويعمل خلف Caddy على خادم صغير: لا قاعدة بيانات، ولا Docker، ولا عملية قد تتعطل في الثالثة فجرًا. البناء في GitLab CI، والنشر نسخ ورابط رمزي، والتراجع هو الرابط نفسه موجّهًا إلى الإصدار السابق. ما يتحرك مع التمرير أربعة أشياء بالضبط، وتسمّيها أعراف المشروع واحدًا واحدًا: الشاشة الأولى، ولون الشريط العلوي، وخط القراءة، ومشهد «عبر الزمن» في قسم التعريف بالهيئة. الثلاثة الأولى بجداول تمرير CSS؛ أما المشهد وحده فمبني على GSAP ScrollTrigger، لأنه يحتاج إلى قياس حرف ليعرف إلى أين يندفع، وإلى ضبط ثماني حركات على ساعة واحدة. وإذا طلب النظام تقليل الحركة فالمشهد لا يُبنى أصلًا، وما عداه يتلاشى.
Сетка карточек: уголовное, гражданское, семейное и другие направления

مجالات العمل

لكل منها صفحته. كُتبت النصوص وفق القانون 63 ومدوّنة أخلاقيات المهنة: ماذا نفعل، لا كم نُحسن فعله.

Состав коллегии: фильтр по отраслям права и карточки адвокатов с фотографиями

قائمة المحامين

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

Крупные цифры возраста коллегии, сквозь которые просвечивает фотография

عبر الزمن

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

Те же цифры, укрупнённые до краёв экрана

الصفحة تندفع إلى الداخل

يكبّر التمرير الأرقام حتى تصير الفجوة داخلها الشاشة كلها، ويبقى المشهد مثبّتًا حتى ينتهي.

Чёрно-белая фотография коллегии, линейка лет остановлена на 1989

1989 — التأسيس

تتوقف مسطرة السنوات عند التاريخ الأول والصورة ما زالت بلا لون، والبطاقة تسمّي ما بدأت به الهيئة.

Та же фотография, цвет наполовину вернулся, линейка лет на 2003

2003 — الاسم الجديد

تتدحرج السنوات ويعود اللون إلى الصورة شيئًا فشيئًا. محطتان، وسطران من التاريخ.

Фотография в полном цвете, линейка лет доведена до текущего года

اليوم

تصل المسطرة إلى العام الحالي ويعود اللون كاملًا. ينتهي المشهد بما بدأ به: الصورة الجماعية.

Тёмный подвал сайта: полоса лет, телефоны, почта и адрес

كيفية التواصل

رقمان هاتفيان وبريد إلكتروني والعنوان على خريطة. لا يوجد نموذج — وهذا قرار لا سهو: الموقع لا يجمع شيئًا.

موقع لهيئة محامين

فتح موقع المشروع