OSBSA Bilişim

تصميم المواقع للشركات في اسطنبول

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

ما الذي تشتريه فعلًا؟

هناك ثلاثة أعمال منفصلة. الأول ترتيب المعلومة: أي معلومة تقف في أي صفحة، ومن أين إلى أين ينتقل الزائر. والثاني اللغة البصرية. والثالث تحويل ذلك إلى شيفرة تعمل في المتصفح.

أكثر الثلاثة إهمالًا هو الأول. المواقع التي تبدو جميلة ولا يجد الزائر فيها ما يبحث عنه صارت كذلك غالبًا لأن العمل بدأ من الصورة مباشرة.

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

ما الذي يشمله العمل؟

  • جلسة استكشاف ومراجعة ثلاثة مواقع منافسة معًا
  • قائمة الصفحات وهيكل القائمة ومخطط العناوين
  • قوالب الصفحة الرئيسية والصفحات الداخلية، مع جولات التعديل التي في باقتك
  • البرمجة: بناء على الخادم، وترتيب الهاتف أولًا ثم سطح المكتب
  • فحص سهولة الوصول: التنقل بلوحة المفاتيح، وحلقة التركيز، وتباين الألوان
  • تحويل الصور إلى ⁨AVIF⁩ و⁨WebP⁩، وضبط أبعادها، وتحميلها المؤجَّل
  • إعداد البحث: عنوان ⁨H1⁩ واحد، وترتيب العناوين، وعنوان الصفحة ووصفها، والبيانات المنظَّمة
  • إعداد القياس: ⁨Search Console⁩ و⁨GA4⁩، واختياريًا ⁨Microsoft Clarity⁩

ما لا يشمله العمل: التصوير الفوتوغرافي والفيديو، وتصميم الشعار والهوية البصرية، وكتابة النصوص من الصفر، ورسوم النطاق والاستضافة. إن احتجت إليها ظهرت في عرض السعر بنودًا مستقلة.

بماذا نقيس السرعة؟

لا بالعين، بل بالمقاييس الثلاثة التي تستخدمها جوجل. وهي في الوقت نفسه إشارات تدخل في الترتيب.

عتبات ⁨Core Web Vitals⁩ وهدفنا في المشروع
المقياسماذا يقيسعتبة «جيد» لدى جوجلهدفنا
⁨LCP⁩مدة ظهور أكبر عنصر في الصفحةأقل من 2.5 ثانيةأقل من 2 ثانية · والمقيس في هذا الموقع 1.6 ثانية
⁨INP⁩تأخر الاستجابة للنقرةأقل من 200 جزء من الثانيةأقل من 200 جزء من الثانية
⁨CLS⁩مقدار اهتزاز الترتيب أثناء التحميلأقل من 0.1أقل من 0.05

نتحقق من القياس ببيانات المستخدمين الحقيقيين في ⁨Search Console⁩، لا بأداة اختبار تعمل مرة واحدة. المواقع التي تسجّل نتيجة عالية في الاختبار وبيانات ميدانية سيئة كثيرة جدًا.

لماذا سهولة الوصول جزء من العمل؟

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

قبل التسليم نمرّ على معايير ⁨WCAG 2.2 AA⁩ من قائمة: التباين، وحلقة تركيز ظاهرة، والنصوص البديلة، وتسميات النماذج، وترتيب العناوين، واحترام تفضيل تقليل الحركة.

قالب جاهز أم من الصفر؟

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

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

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

أين تعملون؟

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

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

نظام عملنا في سبع خطوات

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

  1. 01

    جلسة الاستكشاف

    نتحدث عمّا تبيعه، ولمن تبيعه، وما الذي تنتظره من الموقع. وإن كان لديك موقع قائم استعرضناه معك على الشاشة. تخرج من الجلسة بمذكرة مكتوبة بما يلزم.

  2. 02

    العرض والعقد

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

  3. 03

    المحتوى وبنية الصفحات

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

  4. 04

    التصميم

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

  5. 05

    البرمجة

    الكتابة البرمجية ولوحة التحكم والنماذج وعمليات الربط. نعطيك عنوان معاينة، فترى بنفسك أين وصل العمل دون أن تسأل.

  6. 06

    الاختبار والنشر

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

  7. 07

    التسليم والمتابعة

    نتجوّل في لوحة التحكم معًا، ونتولى نحن إعداد ⁨Search Console⁩ والتحليلات. وفي الفترة الأولى بعد النشر نتابع نحن أيضًا ترتيبك في البحث وسجلات الأخطاء.

الباقات

البداية

الحد الأدنى اللازم لتكون ظاهرًا

لا يوجد سعر ثابت

شيئان يحددان السعر: كم صفحة ستكون، ومن سيكتب النصوص. لا نعطي رقمًا قبل الحديث فيهما.

  • موقع تعريفي يشرح ما تعمله: صفحة رئيسية وصفحات داخلية
  • العميل الذي ينظر من هاتفه يقرأ دون تكبير
  • من يملأ النموذج يصل طلبه إلى بريدك، وهناك زر واتساب أيضًا
  • الاتجاه إلى عنوانك يفتح من الخريطة بلمسة واحدة
  • تغيّر النص والصورة بنفسك من لوحة تحكم
  • لا يظهر تحذير «غير آمن» في شريط عنوان المتصفح
  • حين يُبحث عن اسم شركتك يظهر في جوجل العنوان والوصف والعنوان البريدي الصحيح
  • من أين جاء الزوار، تتابعه من ⁨Search Console⁩ و⁨Analytics⁩
  • الصور تُصغَّر وتُحوَّل، فلا تُبطئ الصفحة على بيانات الهاتف
  • صفحات يمكن تصفحها بلوحة المفاتيح وتعمل مع قارئ الشاشة
  • عند التسليم نتجوّل في لوحة التحكم معًا؛ والنطاق ولوحة التحكم والمحتوى تبقى باسمك
  • قسم مدونة وأخبار
  • كتالوج منتجات وجداول مواصفات تقنية
  • لغة ثانية
  • سلة ودفع ومتابعة طلبات
  • برمجة خاصة بك
اطّلع على النطاق
الباقة المقترحة

الشركات

لمن لديه كتالوج ومحتوى منتظم

لا يوجد سعر ثابت

السعر يتحرك بعدد المنتجات التي ستدخلها وبنقطة انطلاق التصميم. تعال ومعك كتالوجك ولنعدّ البنود معًا.

  • كل ما في باقة البداية
  • ليس قالبًا جاهزًا بل تصميمًا يُرسم لك: لن تبدو مثل منافسك
  • كتالوج منتجات وخدمات: تصنيفات، وجداول مواصفات تقنية، ومستندات ⁨PDF⁩ قابلة للتنزيل
  • مدونة: كل مقال تنشره يفتح بابًا آخر في البحث
  • أعمالك السابقة تُكتب دراسات حالة، فيُغلق سؤال المراجع في الاجتماع
  • نموذج طلب عرض يسير خطوة خطوة، فلا ينصرف العميل أمام نموذج طويل
  • الأسئلة الشائعة تُرمَّز بصيغة تتيح ظهورها في صندوق إجابات جوجل
  • عنوان ووصف كل صفحة يُضبطان على حدة، فلا تأكل صفحاتك ترتيب بعضها
  • عناوين موقعك القديم تُحوَّل إلى الجديد، فلا يُصفَّر ترتيبك في جوجل
  • السرعة شرط تسليم: على شبكة ⁨4G⁩ بطيئة، ⁨LCP⁩ أقل من 2.5 ثانية · ⁨INP⁩ أقل من 200 جزء من الثانية · ⁨CLS⁩ أقل من 0.05
  • أين تعثّر الزائر: يُتابَع بخرائط حرارية وتسجيل للجلسات
  • ملف ⁨llms.txt⁩ وسياسة للزواحف، كي تقرأ أدوات الذكاء الاصطناعي موقعك قراءة صحيحة
  • لغة ثانية
  • سلة ودفع ومتابعة طلبات
  • لوحة موزعين وربط بأنظمة خارجية
اطّلع على النطاق

الاحترافية

إن لزمك البيع أو إدارة الموزعين أو الربط بالأنظمة

لا يوجد سعر ثابت

عدد عمليات الربط هو ما يحدد السعر. الربط بالمحاسبة عمل قائم بذاته، والربط بالشحن عمل آخر؛ وأيّها يلزمك فعلًا نتحدث فيه في جلسة الاستكشاف.

  • كل ما في باقة الشركات
  • سلة وطلبات ومخزون وكوبونات: البيع يسير من الموقع
  • الدفع بالبطاقة يُؤخَذ عبر ⁨3D Secure⁩، وبيانات البطاقة لا تنزل على خادمك إطلاقًا
  • ربط بالشحن: رقم التتبع يُلحَق بالطلب من تلقاء نفسه
  • الموزع والعميل والموظف تُفصل صلاحياتهم، فلا يرى أحد ما لا ينبغي أن يراه
  • قائمة أسعار خاصة بالموزع لا تُفتح إلا للموزع بعد تسجيل دخوله
  • لغة ثانية: الزائر القادم من الخارج يقرأ بلغته
  • تبادل بيانات مع المحاسبة و⁨ERP⁩ والفاتورة الإلكترونية (مع مستند مطابقة الحقول)
  • نصوص البيع عن بُعد والإرجاع والتسليم وحماية البيانات وملفات تعريف الارتباط تأتي جاهزة
  • صفحات المنتجات يمكن أن تظهر في جوجل مع السعر وحالة التوافر
  • أي منتج بيع كم، وأي عميل اشترى ماذا: تقارير من اللوحة
  • التغيير يُجرَّب في بيئة الاختبار أولًا، فلا ينقطع البيع الحي
اطّلع على النطاق

حسب المشروع

أعمال لا تتسع لها الباقات

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

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

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

كم تكلفة موقع إلكتروني للشركات؟

أربعة أشياء تحدد الرقم: كم قالب صفحة مختلفًا نحتاج، وهل نبني التصميم من الصفر، وهل نكتب لك برمجية خاصة، ومن يكتب النصوص. لا ننشر قائمة أسعار في الموقع، لأن أي رقم يُقال قبل معرفة النطاق يغطي إما أكثر مما يلزم وإما أقل. لنتحدث في مكالمة عن هذه الأربعة، ونرسل لك العرض مكتوبًا في اليوم نفسه. ونطاق كل باقة موجود بندًا بندًا في صفحة ⁨/paketler⁩.

لماذا تتفاوت الأسعار كثيرًا على العمل نفسه؟

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

ما المصاريف السنوية بعد نشر الموقع؟

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

هل عقد الصيانة إلزامي؟

لا. موقعك يعمل من دون عقد، وتغيّر محتواك بنفسك من لوحة التحكم. الفرق هنا: مع الصيانة تتم التحديثات وفحوص النسخ الاحتياطية والترقيعات الأمنية دون أن تنتبه أنت إليها. ومن دونها تتصل بنا عند ظهور مشكلة وتدفع بحسب العمل.

كم ميزانية أخصص لإعلانات جوجل؟

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

لننظر معًا في حال موقعك

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