الانتقال إلى المحتوى الرئيسي
  • موقع مؤسسي
  • دليل الخدمات
  • واجهة API للتواصل

LIPACK

القطاع
الصناعة
سُلّم في شكل
  • موقع إلكتروني
السنة
2025
اللغات
FR / EN

“Votre Partenaire en Impression et Marquage Industriel Au Maroc”

(المشروع)

موقع ثنائي اللغة لشركة طباعة ووسم صناعي، بصفحات خدمات منظّمة حسب القطاع، وواجهة API للتواصل من Laravel، ومحتوى مفصول بالكامل عن الواجهة.

(السياق)

الوسم الصناعي، معروضًا بوضوح.

تقدّم LIPACK الوسم والتتبّع، والطباعة الأوفست والرقمية، والتغليف، واللافتات، والمواد الإشهارية، والتركيب، وفق معايير عملائها في السيارات، والصناعات الغذائية والدوائية، والإلكترونيات، والطاقة.

الموقع تطبيق React 19 أحادي الصفحة متصل بواجهة خلفية من Laravel مع Sanctum لمعالجة التواصل، ومحتوى كل خدمة مركزي على شكل بيانات.

(أرقام أساسية)

صفحات خدمات
7
قطاعات صناعية
4
ثنائي اللغة
FR / EN
مظهران، فاتح وداكن
2

القرارات التي صنعت المشروع

  1. فصل الواجهة عن الـ API

    واجهة React ثابتة تتواصل مع واجهة خلفية من Laravel محمية بـ Sanctum، توفّر نقطة التواصل.

    فصل واضح

  2. المحتوى كبيانات

    يتمركز محتوى الخدمات ونصوصها في وحدات بيانات وترجمة، فلا تتطلّب خدمة أو لغة جديدة أي تعديل في المكوّنات.

    محتوى قابل للتوسّع

  3. مسار لكل خدمة

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

    دليل منظّم

  4. تفضيلات ضمن السياق

    تُدار اللغة والمظهر عبر مزوّدَي سياق يحيطان بالتطبيق، مع زوج من الخطافات المرافقة.

    تجربة شاملة

(كيف يعمل)

تصفّح الخدمات

  1. قراءة حسب القطاع

    تُقسَّم حلول الوسم حسب القطاع (السيارات والطيران، الغذاء والدواء، الإلكترونيات، الطاقة والبناء) مع التركيز على المعايير.

  2. صفحات الخدمات

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

  3. التواصل

    يرسل نموذج محمي بـ Turnstile الطلب إلى نقطة Laravel، التي تحيله بالبريد الإلكتروني إلى الشركة.

لقطات من النسخة المُسلَّمة، مجمّعة حسب المنتج. اختاروا لقطة لعرضها بحجمها الكامل.

التقنيات

الواجهة الأمامية
  • React 19
  • Vite 7
  • React Router 7
  • Tailwind CSS 4
إدارة الحالة
  • Language context
  • Theme context
محركات البحث
  • react-helmet-async
الحركة
  • Framer Motion
الواجهة الخلفية
  • Laravel 12
  • Sanctum

(المشروع التالي)

Law Firm

القانون, 2025

قد يكون مشروعكم النظام التالي الذي نبنيه.