مشروع 04 · 2026 السعودية
ONE PASS
فعاليات / تنفيذ فعاليات · onepassevent.com · 2026
موقع ثنائي اللغة (عربي/إنجليزي) لشركة سعودية لتنفيذ الفعاليات، يعرض الخدمات والمشاريع والوظائف بهوية سينمائية داكنة وحركة تمرير سلسة.
سياق المشروع
ONE PASS شركة سعودية لتنفيذ الفعاليات. وموقعها يجب أن يعمل كوثيقة مصداقية لجمهورين مختلفين تمامًا في الوقت نفسه: عملاء يقيّمون قدرة الشركة على تنفيذ فعالية، ومرشحون يفكرون في التقدّم للعمل فيها، بالعربية والإنجليزية.
المستخدمون المستهدفون
- عملاء في السعودية يقيّمون شريكًا لتنفيذ الفعاليات
- قرّاء العربية أولًا الذين يتوقعون نسخة عربية أصيلة لا مترجمة
- أطراف معنية تقرأ بالإنجليزية وشركاء دوليون
- مرشحون يتصفحون قسم الوظائف
رحلة المستخدم الأساسية
- الوصول باللغة الصحيحة والبقاء فيها
- فهم ما تنفّذه الشركة فعلًا
- مراجعة المشاريع السابقة كإثبات قدرة
- الانتقال إلى الوظائف أو التواصل حسب النية
- إرسال استفسار عبر نموذج التواصل
القيود
- تكافؤ كامل بين العربية والإنجليزية بـ RTL حقيقي، لا تخطيط معكوس
- بنية صفحة واحدة، فكان على كل قسم أن يعمل بالاتجاهين
- هوية داكنة سينمائية كان عليها أن تصمد مع جعلها مقروءة وسهلة الاستخدام
- كان على حركة التمرير أن تدعم السرد دون إبطاء الصفحة
دوري في المشروع
- تصميم UI/UX، تطوير واجهة، بنية ثنائية اللغة مع RTL، تصميم حركة بـ GSAP، بنية صفحة واحدة
ما الذي نفّذته بالضبط
- تصميم UI/UX والبنية ثنائية اللغة عربي/إنجليزي: من تصميم مؤيد الدالاتي
- تطوير الواجهة الأمامية وتنفيذ RTL وحركة التمرير بـ GSAP: بناها مؤيد الدالاتي
- تكامل نموذج التواصل: نفّذه مؤيد الدالاتي
- محتوى الشركة وصور المشاريع وأصول الهوية: من العميل
- الحالة: تم التحقق من أن الموقع يعمل على onepassevent.com
أبرز ما عملت عليه
- تجربة ثنائية اللغة مع دعم RTL
- هوية داكنة سينمائية
- حركات تمرير GSAP
- عرض الخدمات والمشاريع والوظائف
- تكامل نموذج التواصل
قرارات التصميم وتجربة الاستخدام
- صفحة واحدة وجمهوران: ترتيب الأقسام يجيب أولًا على أسئلة العميل (ماذا تنفّذ الشركة، ولمن نفّذت)، ثم يسلّم المرشحين قسم الوظائف، بدل تقسيم الموقع إلى تنقّلين متنافسين
- الخدمات معروضة كقائمة قدرات تشغيلية — التخطيط، العمليات، إدارة الضيوف، التحكم بالدخول وحركة الحضور — ليطابق العميل فعاليته بقدرة محددة بدل قراءة كلام تسويقي
- شريط شعارات العملاء موضوع مباشرة تحت جملة التموضع، لأن أقوى إشارة مصداقية لشركة تنفيذ فعاليات هي من وثق بها فعلًا
- العربية مفتاح لغة على البنية نفسها، لا موقع منفصل مختصر: كل قسم يقرأه العميل بالإنجليزية موجود بالعربية بالعمق نفسه
- الـ RTL مُصمَّم لا معكوس: اتجاه القراءة ومؤشرات التسلسل واتجاه الحركة أُعيد تقريرها للعربية بدل قلب التخطيط الإنجليزي
- الحركة مرتبطة بموضع التمرير، فتكشف محتوى يتجه إليه الزائر أصلًا ولا تحجب قسمًا خلف حركة يجب أن تنتهي أولًا
الإعداد التقني
- HTML و CSS و JavaScript مكتوبة يدويًا، دون طبقة CMS أو page-builder بين التصميم والكود
- GSAP يقود حركة التمرير؛ وحالة الحركة مشتقة من موضع التمرير لا من مؤقتات، فتبقى متزامنة إذا مرّر الزائر بسرعة أو قفز بين الروابط
- مستند واحد بتنقّل عبر الروابط الداخلية، ولهذا كان على كل قسم أن يعمل بالاتجاهين دون قالب عربي منفصل
- اتجاه اللغة مضبوط على مستوى المستند، فيطبّق المتصفح الـ RTL بمحرك التخطيط نفسه بدل استثناءات لكل مكوّن
النتيجة الموثقة
تم التسليم والإطلاق على onepassevent.com: موقع صفحة واحدة ثنائي اللغة بدعم RTL كامل، وحركة تمرير GSAP، وأقسام الخدمات والمشاريع والوظائف، وتكامل نموذج تواصل.
التقنيات والأدوات
لديك منتج أو رحلة مشابهة؟
أرسل رابط المنتج أو الموقع والمشكلة التي تحاول حلها، وستحصل على قراءة صادقة للنطاق ونوع التعاون.