هندسة الويب

منصات ويب تصمد في الإنتاج

تطبيقات ويب مؤسسية وواجهات headless وأنظمة تصميم، مهندسة للأداء وإمكانية الوصول ولمحركات البحث وزواحف الذكاء الاصطناعي التي تقرؤها.

الويب هو أكثر منتجاتكم الهندسية علنية. نبني منصات مُصيَّرة على الخادم وقابلة للقياس وميسّرة على React وNext.js، وهي نفس حزمة هذا الموقع، ونعامل Core Web Vitals وSEO وإمكانية الوصول كمتطلبات هندسية لا إضافات لاحقة.

Server-renderedCore Web VitalsAccessible

المكالمة التي نتلقاها عادة

إعادة إطلاق فشلت أو لم تصل أبداً: الوكالة سلّمت تصميماً، والموقع بطيء، والترتيب هبط، ونظام المحتوى يقاوم كل محرر، ولا أحد يعرف لماذا يسرّب القمع. يحتاج العمل إلى معاملة منصة الويب كبرمجيات إنتاج، بميزانيات أداء وخط نشر لا يخيف أحداً.

عندما يحتاج الموقع إلى هندسة، لا إلى تجميع

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

  • الأداء ومؤشرات Core Web Vitals تحرك التحويل والترتيب، لا مجرد رقم في تقرير
  • الوصول مطلب عليك الوفاء به، لا ميزة تحسينية
  • محركات البحث ومحركات الإجابة بالذكاء الاصطناعي تقرر ما إذا كان المشترون يجدونك أصلاً
  • الموقع هو الباب الأمامي لمنتج، بتسجيلات دخول وبيانات ووظائف فعلية

كيف تتكامل منظومة الويب

الزائر والحافة / CDN
تطبيق Next.js (SSR / ISR)
طبقة API والبيانات
CMS / التجارة
المراقبة وWeb Vitals

منظومة ويب مصممة هندسيًا: تُعرَض عند الحافة، وتُقدَّم بسرعة، وتُقاس وفق ميزانيات الأداء، وتُربط بأنظمة المحتوى والتجارة لديك.

أين تستخدم الفرق هذا

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

Mittelstand

الموقع التسويقي يُحمَّل ببطء على الجوال وتتسرب العملاء المحتملون قبل النموذج.

نعيد بناءه مُقدَّماً من الخادم مع ميزانية أداء حقيقية، فيبقى سريعاً على الهاتف وتتوقف مؤشرات Core Web Vitals عن تكليفك تحويلات.

العملاء المحتملون التسويقيون

ينافسك المنافسون في الترتيب ومحركات الإجابة بالذكاء الاصطناعي الجديدة لا تستشهد بصفحاتك أبداً.

نهندس SEO التقني والبيانات المنظمة داخل البناء، فتستطيع محركات البحث وزواحف الذكاء الاصطناعي قراءة كل صفحة بوضوح، في كل لغة.

الفرق المُلزَمة بالامتثال

عليك الوفاء بالتزامات الوصول والموقع الحالي يفشل فيها بصمت.

نبني وفق WCAG مع اختبار لوحة المفاتيح والتباين وقارئ الشاشة في خط التسليم، فيكون الوصول مُتحقَّقاً منه لا مفترَضاً.

فرق المنتج

تحتاج تطبيق ويب حقيقياً بتسجيلات دخول ولوحات تحكم، لا صفحة كتيب أخرى.

نبنيه على Next.js بعقود مكتوبة بأنواع لخلفيتك، فيتشارك الموقع العام والمنتج خلف تسجيل الدخول قاعدة كود نظيفة واحدة.

فرق التجارة

قالب الواجهة منتفخ وكل تغيير يخاطر بكسر الدفع.

ننقلك إلى واجهة headless على خلفية التجارة لديك، فيبقى الكتالوج سريعاً ويشحن الفريق التغييرات دون خوف.

الوكالات

فزت بالمشروع لكن تنقصك قدرة هندسة الواجهة الكبيرة لتسليمه باسمك.

نسلّمه كحزمة عمل محددة تحت اتفاقية سرية، مبنية تحت علامتك وغير مرئية لعميلك، مع مرور الكود عبرك لتحتفظ بالعلاقة.

لمن هذا

التسويق والتجارة

فرق التسويق والرقمنة

يحصل المحررون على نظام محتوى يساعد بدل أن يقاوم؛ والعلامة على نظام تصميم؛ وتتوقف الإطلاقات عن كونها أحداثاً.

نظام إدارة محتوى ونظام تصميم تملكهما، باستضافة داخل الاتحاد الأوروبي EU، بمعايير اللائحة العامة لحماية البيانات، مُسلّمان ليديرهما فريقك.

قادة التجارة

واجهات متاجر وبوابات حيث السرعة إيراد: مقاسة ومحددة الميزانية ومراقبة على القوالب المهمة.

ميزانيات أداء وحزمة تقنية تتحكم بها، بلا تقييد بمورّد، تُقاس بالإيراد.

اطلب عرض سعر

قيادة الهندسة

مدراء تقنيون للمنصات

معماريات headless تفصل إيقاع الواجهة عن استقرار الخلفية بعقود يعتمد عليها الطرفان.

عقود headless وشِفرتك، محايدة تجاه النموذج، باستضافة داخل الاتحاد الأوروبي EU، بلا اعتماد على مورّد واحد.

حدد نطاق البرنامج التجريبي

كيف نهندس الويب

الأداء والوصول والبحث تُعامَل كمتطلبات هندسية من أول commit.

ميزانيات الأداء

مؤشرات Core Web Vitals مُتتبَّعة مقابل ميزانية في CI، فيُلتقَط التغيير البطيء قبل أن يصل إلى زوارك.

الوصول مبني من الأساس

مبني وفق WCAG مع فحوصات لوحة المفاتيح والتباين وقارئ الشاشة في خط التسليم، فيكون الوصول مُتحقَّقاً منه لا مفترَضاً.

SEO وGEO بالمعمارية

تقديم من الخادم وبيانات منظمة ودلالات نظيفة، فتستطيع محركات البحث ومحركات الإجابة بالذكاء الاصطناعي قراءة كل صفحة في كل لغة.

headless ومبني بالمكونات

واجهة headless على Next.js وReact بنظام مكونات قابل لإعادة الاستخدام، فيبقى الموقع متسقاً وسريع التوسيع.

آمن بالأنواع من الطرف إلى الطرف

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

ملكك أنت

مستودعك واستضافتك ونموذج محتواك وملكيتك الفكرية، مُسلَّمة مع توثيق وكتيبات تشغيل ليتسلّمها أي مطور.

ما الذي نبنيه

تطبيقات ويب مؤسسية

بوابات عملاء ولوحات وخدمة ذاتية على React وNext.js.

  • تصيير على الخادم لأجل SEO وسرعة الظهور الأول
  • أنواع آمنة من الواجهة البرمجية إلى المكوّن
  • مصادقة وأدوار محلولة بشكل صحيح

واجهات headless

واجهات لـ Pimcore وVendure وأنظمة إدارة المحتوى headless.

  • احترام نموذج المحتوى لا محاربته
  • تدفقات معاينة للمحررين
  • عقود واجهات تنجو من إعادة التصميم

أنظمة التصميم

مكتبات مكونات تجعل عشرة فرق تنشر علامة واحدة.

  • رموز تصميم بدل قيم مثبتة
  • إمكانية الوصول مدمجة في المكونات
  • توثيق يستخدمه المصممون فعلاً

هندسة الأداء وSEO

تدقيقات وإصلاحات بقياس قبل وبعد: Core Web Vitals وقابلية الزحف والبيانات المهيكلة.

  • ميزانيات أداء مفروضة في CI
  • بيانات مهيكلة للبحث وإجابات الذكاء الاصطناعي
  • نتائج مرتبة حسب أثر الأعمال

كيف يُسلَّم عمل الويب

كل شيء يُنشر خلف معاينات: كل تغيير مرئي على رابط قبل أن يصبح حياً، وميزانيات الأداء تُفشل البناء قبل أن تمس مستخدميكم.

كيف نبنيه

  1. 1تدقيق ومعمارية: قياس ما هو قائم وتحديد ما يُحتفظ به
  2. 2البناء بشرائح أسبوعية مع معاينات وميزانيات أداء في CI
  3. 3الإطلاق مع المراقبة ثم تسليم مقاس: فريقكم ينشر الأسبوع الأخير معنا

ما الذي تحصل عليه

  • منصة تجتاز Core Web Vitals على القوالب المهمة
  • بيانات مهيكلة وتصيير خادم تقرؤه محركات البحث وزواحف الذكاء الاصطناعي
  • خط نشر وتوثيق يديره فريقكم من دوننا
جارٍ تحميل المخطط...

المعمارية المرجعية: CDN / Edge, Next.js SSR, API layer, CMS / Commerce, CI: tests + performance budgets, Monitoring + Web Vitals

كيف نعمل

من أول مكالمة إلى نظام يعمل في الإنتاج، ومدعوم بعد ذلك.

    01

    الاستكشاف والتخطيط

    نرسم العملية والقيود والأشخاص الذين يستخدمونها، ثم نتفق على النطاق وشكل النظام قبل كتابة أي سطر برمجي.

    02

    المعمارية والتصميم

    نصمّم نموذج المجال والبيانات والواجهات، ونوثّق القرارات كتابةً ليبقى النظام مفهوماً وهو ينمو.

    03

    التطوير، مُراجَع ومُختبَر

    نبني على دفعات صغيرة مراجَعة، آمنة الأنواع ومغطاة باختبارات تعمل مع كل تغيير، لنكتشف الأعطال قبل أن تراها.

    04

    البنية التحتية والإطلاق

    ننشر في سحابتك وحساباتك عبر خط أنابيب آلي، بإصدارات يمكنك تكرارها والتراجع عنها دون عناء.

    05

    المراقبة والرصد

    نوفّر السجلات والمقاييس والتنبيهات من اليوم الأول، لنرى المشكلات مبكراً، غالباً قبل أن يبلّغ عنها مستخدموك.

    06

    الدعم والتطوير المستمر

    بعد الإطلاق نُصلح ونوسّع ونقوّي بوتيرة تناسبك، مع تسليم كامل، حتى لا تعتمد علينا أبداً.

كيف ندير التعاقد

دورات أجايل

حين يتطور النطاق: نسلّم على دفعات قصيرة وأنت توجّه الأولويات بينما يتشكّل المنتج.

حزمة نطاق ثابت

حين يكون النطاق محدداً وتحتاج سعراً ثابتاً: عقد بمسؤولية نتيجة ومُخرَج ثابت.

شراكة مستمرة

حين يكون النظام حياً وينمو: اشتراك للتغييرات والدعم والميزات الجديدة، بمهلة إشعار تتحكم بها.

حزمة عمل بعلامة بيضاء

عندما تبيع التسليم تحت علامتك التجارية: نعمل بموجب اتفاقية سرية، داخل مستودعاتك وأدواتك، ونسلم الملكية الفكرية إلى عميلك النهائي، ونبقى بعيدين عن تواصلك مع عميلك ما لم تُدخلنا تحت قيادتك، ونعتمد عملنا وفق معايير القبول المكتوبة قبل البناء.

من الكود إلى التشغيل في سحابتك

مسار تسليم واحد يمكنك قراءته من البداية إلى النهاية: كل تغيير يمر عبر البوابات نفسها، والمسار نفسه يجري بالعكس عندما يحتاج شيء ما إلى التراجع.

Commit
بوابات CI
مُخرَج البناء
بيئة التجهيز
الإنتاج
قابلية المراقبة
تعمل بيئات التجهيز والإنتاج والمراقبة في حساباتك السحابية
مسار التراجع:قابلية المراقبةمُخرَج البناء أو الإنتاج

حيث يكون وقت التشغيل مهماً، نتفق عليه كهدف ضمن اتفاقية مستوى الخدمة، لا كوعد مقيس.

أداة بناء، أم قالب وكالة، أم بناء مهندَس؟

ليس كل موقع يحتاج إلى هندسة. إليك أين يتفوق كل خيار، حتى تنفق على الخيار الذي تستدعيه حالتك.

مرر للمقارنة

أداة بناء المواقعقالب وكالةبناء مهندَس
الأسرع والأرخص لإطلاق صفحة بسيطة
يحافظ على مؤشرات Core Web Vitals مع نمو المحتوى وحركة الزيارات
وصول يمكنك الوقوف خلفه، مُختبَر لا مفترَض
تحكم كامل في SEO والبيانات المنظمة وما يقرؤه زاحف الذكاء الاصطناعي
وظائف مخصصة وتسجيلات دخول وتكاملات فعلية
تملك الكود، لا اشتراكاً يحتجزه
يبقى قابلاً للصيانة والتوسيع بعد سنوات من الآن

عندما تناسب أداة بناء أو قالب نظيف حضوراً تسويقياً بسيطاً، سنخبرك ونوجهك إلى المسار الأخف بدل المبالغة في البناء.

لماذا أورونتس

لماذا تبني الفرق الويب معنا

لسنا أكبر وكالة يمكنك توظيفها. إليك لماذا يختارنا أصحاب المشاريع للويب على أي حال.

تملك كل شيء

الكود ونموذج المحتوى والملكية الفكرية ملك لك، تُنقَل عند التسليم. لا اشتراك أداة بناء يحتجز موقعك، ولا رخصة قالب، ولا مورّد لا تستطيع تركه.

بقيادة كبار المهندسين والمؤسس

الأشخاص الذين يحددون نطاق موقعك هم من يبنونه. هندسة بمستوى الكبار في الأداء والوصول وSEO طوال الطريق، لا تسليم لمبتدئ بعد العرض.

أصيلة في الذكاء الاصطناعي، سريعة دون قطع الزوايا

فريق صغير من الكبار بسير عمل مدعوم بالذكاء الاصطناعي يشحن بسرعة ويبقي الواجهة نظيفة ومحددة بالأنواع وقابلة للوصول، مع ميزانيات أداء مفروضة لا موعودة.

طريقة بسعر ثابت للبدء

تجربتنا الإنتاجية لـ 90 يوماً تضع شريحة أولى قابلة للاستخدام وقابلة للقياس من الموقع على الهواء ضمن نطاق وسعر ثابتين، فتحكم علينا بمؤشرات Core Web Vitals المشحونة قبل الالتزام أكثر.

build
$next build|
compiled successfully
generating static pages (5/5)
route / prerendered as static

تصميم متجاوب من الأساس

كل تخطيط يتكيّف، من الشاشات العريضة إلى شاشات الجيب.

سطح المكتب
جهاز لوحي
الجوال

تحسين محركات البحث وGEO مدمجان في البنية

تحسين تقني لمحركات البحث وجاهزية لزواحف الذكاء الاصطناعي مدمجان من البداية، لا مضافان لاحقاً.

SSR & SSG

تصيير من جانب الخادم وتوليد ثابت لرسم أولي سريع وزحف نظيف.

Structured data

JSON-LD لترميز المؤسسة ومسار التنقل والأسئلة الشائعة، مُتحقق منه عند البناء.

Meta & Open Graph

عناوين وأوصاف وروابط أساسية وبطاقات اجتماعية لكل صفحة ولكل لغة.

Sitemaps & hreflang

خرائط مواقع XML مُولّدة مع hreflang وlastmod لكل مسار مُترجم.

التقنيات التي نبني عليها

مصمّم للمشتريات

الإجابات التي تتحقق منها لجنة الشراء، قبل أن تضطر للسؤال.

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

من يملك ماذا

سواء تعاقدت مع أورونتس مباشرة أو عملت معنا تحت مقاول رئيسي أو مزود خدمة مُدارة، فإن لكل حلقة في سلسلة التسليم مالكاً واحداً واضحاً.

توزيع المسؤوليات عبر سلسلة التسليم
المسؤوليةأورونتسالمقاول الرئيسي / مزود الخدمة المُدارةأنتمزود السحابة / النموذج
مسؤولية البناء والنتيجةأورونتس مسؤول عن مسؤولية البناء والنتيجة
ملكية الكود والملكية الفكريةأنت مسؤول عن ملكية الكود والملكية الفكرية
الاستضافة والبنية التحتيةأنت مسؤول عن الاستضافة والبنية التحتيةمزود السحابة / النموذج مسؤول عن الاستضافة والبنية التحتية
معالجة البيانات (اتفاقية معالجة البيانات / التدابير التقنية والتنظيمية)أورونتس مسؤول عن معالجة البيانات (اتفاقية معالجة البيانات / التدابير التقنية والتنظيمية)أنت مسؤول عن معالجة البيانات (اتفاقية معالجة البيانات / التدابير التقنية والتنظيمية)
استبيان الأمان / الإقرارأورونتس مسؤول عن استبيان الأمان / الإقرارالمقاول الرئيسي / مزود الخدمة المُدارة مسؤول عن استبيان الأمان / الإقرار
اعتماد القبولأنت مسؤول عن اعتماد القبول
الاستجابة للحوادث (اتفاقية مستوى الخدمة المتفق عليها)أورونتس مسؤول عن الاستجابة للحوادث (اتفاقية مستوى الخدمة المتفق عليها)المقاول الرئيسي / مزود الخدمة المُدارة مسؤول عن الاستجابة للحوادث (اتفاقية مستوى الخدمة المتفق عليها)

متى لا نكون الخيار الصحيح

  • مواقع كتيبات يخدمها منشئ مواقع أفضل؛ نحن نبني منصات لا خمس صفحات
  • نسخ تصميم بدقة بكسل دون نطاق هندسي خلفه
  • SEO الاختصارات؛ نبني لترتيب ينجو من تحديثات الخوارزمية

مستويات التعاقد

تعمل Oronts مع فرق جادة تحتاجون تسليماً بمستوى أول، لا إسناداً منخفض التكلفة.

تجربة الإنتاج
من 25k EUR
مشاريع البرمجيات والذكاء الاصطناعي المخصصة
من 50k EUR
عقود تقنية مستمرة
من 15k EUR/شهرياً

يعتمد السعر الدقيق على النطاق والمسؤولية وسرعة التسليم وحجم الفريق والتكاملات وتوقعات الدعم ومخاطر الإنتاج.

الأسئلة الشائعة

React هو أكثر أطر العمل شعبية مع نظام بيئي ضخم. Next.js يضيف SSR/SSG والتوجيه والتحسين التلقائي للصور وواجهات البرمجة، كل ما تحتاجه في إطار واحد.
نعم دائماً. TypeScript يمنع الأخطاء مبكراً ويحسن جودة الكود ويسهل الصيانة طويلة المدى. كل مشاريعنا تستخدم TypeScript بشكل افتراضي.
صفحة هبوط: 2-4 أسابيع. تطبيق ويب متوسط: 8-12 أسبوع. بوابة مؤسسية: 16-24 أسبوع. نسلم بمراحل تدريجية.
SEO التقني مدمج في كل مشروع: SSR/SSG للفهرسة، بيانات مهيكلة، Core Web Vitals مُحسنة، وخرائط موقع تلقائية.
كل مشروع نبنيه يعتمد مبدأ الجوال أولاً. نصمم للشاشات الصغيرة أولاً ثم نوسّع التصميم تدريجياً. هذا يضمن أن تطبيقك يعمل بشكل مثالي على الهواتف والأجهزة اللوحية وأجهزة سطح المكتب. نختبر عبر المتصفحات والأجهزة المختلفة قبل الإطلاق.
نستخدم العرض من جانب الخادم مع Next.js لضمان قدرة محركات البحث على الزحف وفهرسة محتواك. يشمل ذلك العلامات الوصفية المناسبة والبيانات المهيكلة وعلامات Open Graph وتوليد خرائط الموقع الديناميكية. تطبيقات SPA المبنية بنهجنا تؤدي بنفس كفاءة المواقع التقليدية في نتائج البحث.

أرونا منصة الويب

أحضروا الرابط والشكوى. نرد بنتائج لا بعرض مبيعات.