تفاصيل المشروع

بوليجون فارما
Alpine.js Laravel Livewire Statamic Tailwind
30/07/2026
شركة بوليجون فارما (Polygon Pharma)

بوليجون فارما

موقع تعريفي ثنائي اللغة لشركة Polygon Pharma، إحدى شركات التصنيع الدوائي الحاصلة على شهادة GMP في مدينة السادس من أكتوبر بمصر، يعرض قدراتها التصنيعية، وخدمات التصنيع لدى الغير والعلامات الخاصة (Private Label)، ومجموعة منتجاتها من المكملات الغذائية. طوّرته باستخدام Laravel وStatamic وLivewire، مع تهيئة كاملة لمحركات البحث (SEO) باللغتين العربية والإنجليزية.

احتاجت Polygon Pharma إلى موقع يعكس حجم منشأتها التصنيعية ومعاييرها، ويحوّل الزائر إلى شريك أعمال. ينقسم الموقع إلى خمس صفحات رئيسية: الرئيسية، ومن نحن، والتصنيع، والمنتجات، وكن شريكًا لنا؛ وكلها متاحة بالعربية والإنجليزية مع دعم كامل لاتجاه RTL. تأخذ صفحة التصنيع الزائر في جولة على خطوط الإنتاج (الأشكال الصيدلانية الصلبة، والمستحضرات السائلة، والتعبئة والتغليف)، والشهادات والمعايير (GMP وISO 9001 وISO 22000)، ومراحل العمل خطوة بخطوة من الاستشارة حتى التسليم. وتعرض صفحة المنتجات المكملات الغذائية مع ترقيم صفحات عبر Livewire، ويُدار محتواها من لوحة تحكم Statamic بمحتوى منفصل لكل لغة، وصورة لكل منتج، وخيار «قريبًا» للمنتجات القادمة. وتضم صفحة «كن شريكًا لنا» نموذج استفسار مبنيًا بـ Livewire لطلبات التصنيع لدى الغير، والتصنيع بالأجر (Toll Manufacturing)، والعلامات الخاصة، والتركيبات والتوثيق، وزيارات المصنع. يتحقق النموذج من البيانات بلغة الزائر، ويرسل كل طلب بالبريد الإلكتروني إلى فريق تطوير الأعمال، بينما تفتح أزرار «احجز زيارة» النموذج ونوع الاستفسار المناسب محدد مسبقًا. بُنيت الواجهة باستخدام Tailwind CSS وAlpine.js وفق نظام تصميم مخصص، مع عدّادات أرقام متحركة، وتأثيرات ظهور عند التمرير (AOS)، وعرض Swiper لخطوط الإنتاج.
كان لا بد أن يقدّم الموقع الأداء نفسه بالعربية والإنجليزية، في التصميم وفي محركات البحث على حد سواء؛ أي أن ينعكس كل مكوّن بشكل صحيح في اتجاه RTL دون تكرار القوالب، وأن يكون لكل لغة روابط مستقلة قابلة للأرشفة بدلًا من تبديل اللغة عبر الجلسة. وفي الوقت نفسه، احتاج العميل إلى تحديث كتالوج المنتجات دون المساس بالكود، وإلى وصول طلبات الشراكة إلى فريق تطوير الأعمال بشكل موثوق.
بنيت نظام روابط يبدأ بلغة الصفحة (/ar و/en) مع Middleware يوجّه الزائر إلى لغته المفضلة، وأضفت وسوم canonical وhreflang، وخريطة موقع XML ديناميكية تتضمن روابط اللغتين، وملف robots.txt مخصصًا، وبيانات منظمة (JSON-LD) للمؤسسة ومسار التنقل، وعناوين ووصفًا مخصصًا لكل صفحة باللغتين. أما كتالوج المنتجات فهو Collection في Statamic بحقول ثنائية اللغة، يُعرض عبر مكوّن Livewire. وتأتي كل نصوص الواجهة من ملفات الترجمة في Laravel، فتخدم مجموعة واحدة من القوالب الاتجاهين معًا، بينما يتولى مكوّن Livewire في نموذج الشراكة التحقق من البيانات وإرسال البريد ومعالجة حالات الخطأ.

أبرز المزايا

موقع ثنائي اللغة (العربية والإنجليزية) بدعم كامل لاتجاه RTL
روابط مستقلة لكل لغة (/ar و/en) لأرشفة أفضل
تهيئة تقنية لمحركات البحث: canonical وhreflang وخريطة XML وrobots.txt
بيانات منظمة (JSON-LD) للمؤسسة ومسار التنقل
إدارة كتالوج المنتجات من لوحة تحكم Statamic
عرض المنتجات بترقيم صفحات عبر Livewire
نموذج استفسارات الشراكة عبر Livewire مع الإرسال بالبريد الإلكتروني
عدّادات متحركة وتأثيرات AOS وعرض Swiper لخطوط الإنتاج
تصميم متجاوب مبني بـ Tailwind CSS وAlpine.js