اينوموقع شركة ثنائي اللغة لوكالة تطوير سعودية

موقع شركة اينو، وكالة تطوير ويب في الرياض، بُني ضمن وظيفة بدوام كامل كمطوّر واجهات أمامية. الموقع ثنائي اللغة بالعربية والإنجليزية ويبدأ من اتجاه اليمين لليسار — العربية هي التخطيط الحقيقي لا نسخة معكوسة عن الإنجليزية — مع نظام هوية بصرية كامل، وسبعة مشاهد SVG متحركة مكتوبة يدوياً، ومسار تواصل عبر واتساب يعبّئ الباقة المختارة وسعرها مسبقاً ليصل الزائر إلى المحادثة والسياق جاهز.

أعدت بناء الموقع من الصفر وخفّضت اعتمادات وقت التشغيل من أحد عشر إلى أربعة، باستبدال Three.js و GSAP و Framer Motion بحركة مكتوبة يدوياً بـ CSS و SVG. أزال ذلك نحو ٤٧ ميغابايت من أصول ثلاثية الأبعاد وأصلح مشاكل أداء التمرير التي لم تحلّها المعالجات السابقة.

والعمل على العربية يتجاوز قلب الاتجاه: خصائص CSS المنطقية في كل مكان، وعزل النص ثنائي الاتجاه، وأرقام متساوية العرض، وأيقونات تراعي الاتجاه، وأنظمة أرقام مناسبة لكل لغة. نظام التصميم مبني في Tailwind v4: رموز الهوية، وسلّم طباعي، و٢٢ حركة مكتوبة يدوياً تحترم جميعها تفضيل تقليل الحركة. المحتوى بمعمارية ثنائية اللغة مُحكمة الأنواع تعتمد على useSyncExternalStore، فيتطابق عرض الخادم والعميل، ويتزامن تبديل اللغة بين التبويبات. حركة التمرير الموازية تعمل من مستمع واحد على حلقة requestAnimationFrame واحدة، ونزلت أصول الصور من ١٩٠ كيلوبايت إلى نحو ٢ كيلوبايت، ويستوفي التباين معيار WCAG AA في كامل الموقع.