موقع مجموعة معيد للمحاماة

 فن التصميم يلتقي التقنية القانونية: معرض بصري من فريق كارزان

عن المشروع:
موقع مجموعة معيد للمحاماة دليل حي على أن «الجمال البصري والكفاءة التقنية يمكن أن يتناغما تمامًا». صُمّمت المنصة مرجعًا متخصصًا للمقالات القانونية وقاعدة بيانات للقوانين، وتتبنى نهجًا جديدًا في UI/UX يرفع مستوى تصميم المواقع في إيران.

السمات البصرية المميزة

1. فلسفة التصميم: «المصداقية عبر الجمال»

  • طابع قانوني محاكٍ للواقع (Skeuomorphic): عناصر جلدية ومذهّبة وورقية تنقل أصالة مهنة القانون
  • لوحة ألوان فاخرة: ‎#0A2647 (الأزرق الملكي) مع ‎#C69749 (الذهبي) و‎#FDF0D1 (الكريمي) ألوانًا أساسية للعلامة
  • طباعة راقية:
    • العناوين: خط Vazir FD بوزن عريض
    • النصوص: خط Estedad FD بحجم 1.26rem وارتفاع سطر 1.8
  • ظلال متعددة الطبقات: عمق مصنوع بظلال 0 4px 30px rgba(10, 38, 71, 0.12)

2. عناصر تصميم مميزة

  • شريط تنقل ثلاثي الأبعاد: بتأثير طفو عند مرور المؤشر
  • بطاقات المقالات: حدود ذهبية مع inset shadow
  • أيقونات مخصصة: مستوحاة من رموز القانون الروماني
  • شريط صور المحامين: تأثير معرض متحفي بـ backdrop-filter: blur(12px)

بنية تقنية متقدمة

المجال

التقنيات

الفوائد البصرية

تصميم الواجهة

Figma + Auto-layout

اتساق دقيق حتى البكسل

الواجهة الأمامية

Tailwind CSS 3.3 + GSAP

حركات بمعدل 60 إطارًا في الثانية

الواجهة الخلفية

Yii2 (PHP)

عرض فوري للمكونات

قاعدة البيانات

MongoDB

إدارة المحتوى غير المنظم

الخادم

Node.js + V8 Engine

تنفيذ مُحسّن لـ JavaScript

نظام إدارة المحتوى البصري (Visual CMS)

بنية مرنة مع MongoDB:

ميزات الإدارة البصرية:
1. محرر متقدم:

  • ضبط الظلال والحدود مباشرة في المحرر
  • معاينة حية للحركات

2. نظام لإدارة الصور القانونية:

  • وسم ذكي لصور القوانين
  • قص تلقائي وفق النسبة الذهبية (1.618)

تحسينات بصرية وتقنية

1. تقنيات CSS متقدمة

2. حركات هادفة:

  • تمرير بتأثير اختلاف المنظر (Parallax) بـ translate3d وscale3d
  • انتقالات مرتبطة بالتمرير باستخدام Intersection Observer API

3. تحسين الصور:

  • تحويل تلقائي إلى WebP مع الشفافية
  • تحميل تدريجي بتقنية blur-up

الإنجازات البصرية للمشروع

المؤشر

النتيجة

درجة Lighthouse

98 (الأداء)، 100 (إتاحة الاستخدام)

تفاعل المستخدمين

زيادة مدة البقاء في الصفحة بنسبة 75%

معدل الارتداد

أقل بنسبة 65% من النسخة القديمة

آراء المستخدمين

4.9/5 من أكثر من 320 تقييمًا

الخلاصة: معيار جديد للمنصات المتخصصة

يثبت موقع مجموعة معيد للمحاماة أن الجماليات والوظائف المتخصصة يمكن إتقانهما معًا في منصة قانونية. ومن أبرز إنجازات المشروع:

  • معيار جديد لواجهة المستخدم: مستوحى من العناصر القانونية التقليدية وتحويلها إلى عناصر رقمية
  • نظام إدارة محتوى بصري: أول CMS قانوني يتيح للمحررين ضبط المعايير الجمالية
  • تجربة مستخدم سردية: توجيه المستخدم في مسار يشبه القصة بحركات هادفة

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

لمعرفة المزيد عن تصميم المواقع ومراحله، اقرأ هذه المقالات في مدونة كارزان: