Arabic Web Development

Building a bilingual Arabic–English website is not just a matter of translating copy. True RTL support requires rethinking typography, spacing, navigation flow, and form design from the ground up. Many agencies treat Arabic as an afterthought — mirroring an English layout and hoping the browser handles the rest. The result is broken alignment, mismatched font weights, and a user experience that feels unnatural to native Arabic readers.

Qalib takes a different approach. We design for both directions simultaneously, using a dual-font system (Cairo for Arabic, Inter for Latin) that maintains optical balance across scripts. Our CSS architecture uses logical properties — margin-inline-start instead of margin-left — so layouts adapt without breakpoints or overrides. Every interactive element (dropdowns, date pickers, sliders, form validation) is tested in both directions.

Our standard Arabic web project delivers: a Next.js static-export site with sub-2s LCP on 4G connections, WCAG 2.1 AA accessibility in both languages, structured data for Arabic and English search results, and a CMS integration that lets your team publish in either language without developer involvement. We also handle domain strategy — whether you want a single domain with a language toggle, separate .qa and .com domains, or subdirectory-based localisation.

Typical timeline: 8–12 weeks from kickoff to launch for a standard corporate bilingual site. Complex web applications with authentication and dashboards run 14–20 weeks.

بناء موقع ثنائي اللغة عربي-إنجليزي ليس مجرد ترجمة للمحتوى. يتطلب دعم RTL الحقيقي إعادة التفكير في الطباعة والتباعد وتدفق التنقل وتصميم النماذج من الصفر. تتعامل العديد من الوكالات مع اللغة العربية كفكرة ثانوية — فتعكس التخطيط الإنجليزي وتأمل أن يتعامل المتصفح مع الباقي. والنتيجة هي محاذاة مكسورة وأوزان خطوط غير متطابقة وتجربة مستخدم تبدو غير طبيعية للقارئ العربي.

تتبنى قليب منهجاً مختلفاً. نصمم لكلا الاتجاهين في وقت واحد باستخدام نظام خطوط مزدوج (Cairo للعربية وInter للاتينية) يحافظ على التوازن البصري عبر النصين. تستخدم بنية CSS لدينا الخصائص المنطقية بحيث تتكيف التخطيطات دون نقاط توقف أو تجاوزات. يتم اختبار كل عنصر تفاعلي في كلا الاتجاهين.

يقدم مشروعنا القياسي: موقع Next.js بأداء أقل من ثانيتين LCP على اتصالات 4G، وإمكانية الوصول WCAG 2.1 AA بكلتا اللغتين، وبيانات منظمة لنتائج البحث العربية والإنجليزية، وتكامل نظام إدارة المحتوى. كما نتعامل مع استراتيجية النطاق سواء أردت نطاقاً واحداً أو نطاقات منفصلة.

الجدول الزمني النموذجي: 8-12 أسبوعاً من البداية إلى الإطلاق لموقع مؤسسي ثنائي اللغة. تطبيقات الويب المعقدة تستغرق 14-20 أسبوعاً.

Why Qalib for this