تطوير المواقع

برافو · Product Catalogue & Content Hub

٢٥ منتج في أربع أقسام، ومكتبة مقالات زراعية بتتكتب على مواعيد الموسم. الجمهور مزارعين بيدخلوا من موبايل متوسط بشبكة ضعيفة وبيدوّروا بالمشكلة مش باسم المنتج، والاتنين دول كانوا القيد اللي التصميم كله اتبنى عليه.

25

منتج زراعي، كل واحد بصفحته ومعدل إضافته وتسجيله

العميل
برافو للكيماويات الزراعية
المجال
مستلزمات زراعية، أسمدة ومخصبات

bravoagrochemicals.comافتح الموقع

bravoagrochemicals.com/

الخلاصة

01

المشكلة

  • الجمهور بيدخل من موبايل متوسط بشبكة ضعيفة، فأي صفحة تقيلة معناها زائر مش هيشوف المنتج أصلًا.
  • المزارع مش بيدوّر باسم المنتج، بيدوّر بالمشكلة: «اصفرار أوراق النبات»، «سماد لزيادة الإنتاج»، «جدول تسميد المحاصيل».
  • الثقة في القطاع ده بتتحدد بالاعتماد الرسمي، والمنتج غير المعتمد مبيتشتريش مهما كان شكله.
02

اللي عملناه

  • الصور بتتقدّم بصيغ حديثة وبمقاسات متولّدة للشاشة، والصفحات بتتولّد على السيرفر فالمحتوى بيوصل جاهز.
  • مكتبة مقالات مكتوبة على صيغة السؤال زي ما بيتكتب فعلًا، وكل واحدة بتوصّل للمنتج اللي بيحلّه.
  • أربع sitemaps منفصلة (ثابت، أقسام، منتجات، مقالات) عشان الكتالوج يكبر من غير ما يبوّظ الفهرسة.
03

اللي حصل

  • المزارع بقى يدخل الموقع من المشكلة اللي شايفها في الأرض (اصفرار ورق، ضعف نمو، أرض رملية جديدة) ويطلع عند المنتج اللي بيعالجها.
  • صفحة المنتج بتردّ على الأسئلة اللي كانت بتتسأل عند الموزّع: الاستخدام، المحاصيل، معدل الإضافة، والتسجيل.
  • مكتبة مقالات مكتوبة بالموسم، بترجع تشتغل كل سنة بدل ما تتقري مرة وتموت.

ملخص المشروع

الشغلانة دي كانت كبيرة قد إيه

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

حجم المشروع
متوسط
نوع الموقع
كتالوج منتجات بمكتبة محتوى زراعي
بيتكلم مع مين
مزارعين وأصحاب مزارع ومهندسين زراعيين وموزّعين في محافظات مصر. الزيارة غالبًا من موبايل متوسط، بشبكة ضعيفة، وأحيانًا من الأرض نفسها.
مبني على
Next.js · Caddy · custom admin
  • 25

    منتج بصفحته

    من الأسمدة العضوية للمنظمات ومخصبات العناصر

  • 4

    قسم في الكتالوج

    منظمات نمو، أسمدة مركبة، أسمدة عضوية، أسمدة معدنية

  • 4

    sitemap منفصلة

    ثابت، أقسام، منتجات، مقالات، عشان الفهرسة تفضل مترتبة وهي بتكبر

  • 87 KB

    حجم الصفحة الرئيسية

    قياس على الـ HTML المنشور، 6 سبتمبر 2026

اللي دخل في الشغل

  • تصنيف الكتالوج ومعمارية المعلومات
  • تجربة استخدام وتصميم واجهات للموبايل أولًا
  • تطوير Next.js ولوحة تحكم للمنتجات والمقالات
  • استراتيجية محتوى مبنية على مواعيد الموسم
  • بنية SEO تقنية وفهرسة مقسّمة
  • شغل أداء على الصور وحجم الصفحة

التقنيات

  • Next.jsالموقع كله، والصفحات بتتولّد على السيرفر
  • Reactمكوّنات الواجهة
  • Caddyسيرفر الويب والشهادات
  • next/imageتحويل الصور لصيغ حديثة ومقاسات مناسبة
  • Schema.org JSON-LDتعريف الشركة ووسائل التواصل
  • Custom adminالمنتجات والأقسام والمقالات

العميل

مين اللي الموقع ده بتاعه

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

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

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

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

الوضع قبل

الموقع كان واقف عند إيه

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

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

وفيه قيد تاني أهم وأصعب: الجهاز والشبكة. الزائر هنا مش قاعد على لابتوب في مكتب، هو على موبايل متوسط، ممكن يكون في مكان تغطيته ضعيفة، وممكن يكون واقف في الأرض. الموقع اللي بيتحمّل في تمن ثواني في الظروف دي مش موقع بطيء، هو موقع مش موجود. وأي قرار تصميم بيزوّد الوزن (سلايدر بصور كبيرة، خطوط كتير، صور مش متظبطة) بيتحوّل مباشرة لزوار بيقفلوا.

وأخيرًا، الاعتماد. في مجال المزارع بيحط فيه فلوسه وموسمه على منتج، السؤال الأول مش «ده بيعمل إيه»، السؤال الأول «ده معتمد؟». والموقع اللي مش بيرد على ده في أول شاشة بيخسر ثقة صعب ترجع.

  • الزائر بيدوّر بالمشكلة مش باسم المنتج، والكتالوج بأسماء تجارية بس مبيتلقاش.
  • موبايل متوسط وشبكة ضعيفة، فالوزن مش رفاهية، هو الفرق بين زيارة وخروج.
  • الاعتماد الرسمي هو أول سؤال، ولازم يترد عليه قبل أي كلام عن المنتج.
  • القرار الزراعي بتوقيت، فالمحتوى لازم يبقى موجود في شهره مش في أي شهر.
  • الشركة مش بتبيع أونلاين، فالموقع لازم يبني طلب بيتحوّل عند الموزّع.

المطلوب

الموقع الجديد كان لازم يعمل إيه

  • الموقع يفتح بسرعة على موبايل متوسط بشبكة ضعيفة.
  • مدخل من المشكلة مش من اسم المنتج.
  • الاعتماد الرسمي مرئي من أول شاشة.
  • كل منتج بصفحته واستخداماته ومحصوله ومعدل استخدامه.
  • مكتبة محتوى بتغطي مواعيد الموسم وبتوصّل للمنتجات.
  • الكتالوج يكبر من غير ما يبطّأ الموقع ولا يبوّظ الفهرسة.

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

اتعاملنا مع المشكلة إزاي

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

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

الأداء كقيد أول

الأداء هنا مش تحسين بيتعمل في الآخر، هو قرار معماري بيتاخد في الأول. الصفحات بتتولّد على السيرفر فالمحتوى بيوصل جاهز في الـ HTML بدل ما يتبني في موبايل ضعيف، والصور بتتقدّم بصيغ حديثة وبمقاسات متولّدة للشاشة اللي طالباها. النتيجة إن الصفحة الرئيسية كلها ٨٧ كيلوبايت، رقم قابل للفتح على شبكة ضعيفة.

المحتوى كمدخل

المقالات اتكتبت على صيغة السؤال زي ما المزارع بيكتبه: «أفضل أنواع السماد العضوي»، «جدول تسميد المحاصيل»، «الفرق بين الأسمدة الورقية والجذرية»، «هل الأسمدة العضوية تناسب الأراضي الجديدة والصحراوية». كل واحدة بترد على السؤال بجد الأول، وبعدين بتوصّل للمنتج. الترتيب ده مهم: المقالة اللي بتبدأ بإعلان بتخسر القارئ قبل ما توصله لحاجة.

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

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

الاعتماد كإشارة ثقة

اعتماد وزارة الزراعة اتحط في مكان ثابت ومرئي، مش في صفحة «من نحن». في مجال المزارع بيحط فيه موسمه، الإشارة دي بتسبق أي كلام عن الجودة، لإنها الحاجة الوحيدة اللي بتتأكد من برّه.

الفهرسة المقسّمة

بدل sitemap واحدة بتكبر لحد ما تبقى صعبة القراءة، الموقع بيطلع أربع خرايط منفصلة: ثابت، أقسام، منتجات، مقالات. ده بيخلي إضافة عشرين مقالة مؤثرة في خريطة واحدة بس، وبيسهّل متابعة إيه اللي اتفهرس وإيه اللي لأ من كل نوع على حدة.

التصميم

الشكل، وسبب كل قرار فيه

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

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

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

صفحة رئيسية خفيفة بدل سلايدر

السلايدر بيحمّل صور مش هتتشاف. على شبكة ضعيفة ده بيتحوّل لتأخير في أول شاشة، والتأخير ده بيتحوّل لخروج.

سطر واحد على كارت المنتج

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

معدل الاستخدام على صفحة المنتج

ده أول سؤال بيتساله للموزّع. لما يبقى مكتوب، المزارع بيوصل للموزّع وهو عارف، والموزّع بيبيع أسرع.

الاعتماد في مكان ثابت

السؤال ده بيتساله على كل منتج. لما الإجابة تبقى في نفس المكان كل مرة، الزائر بيبطّل يدوّر عليها.

خط كبير وتباين عالي

جزء من الجمهور بيقرا من موبايل في الشمس. النظام اللي بيبان حلو في المكتب ممكن يبقى غير مقروء في الأرض.

التنفيذ

اتبنى إزاي

الموقع مبني على Next.js بصفحات بتتولّد على السيرفر. الاختيار ده هنا مش عن الموضة، هو عن إن المحتوى يوصل جاهز لجهاز مش قوي، بدل ما الجهاز يبنيه بنفسه.

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

والفهرسة اتقسمت من الأول لأربع خرايط بدل واحدة، عشان النمو ده يفضل مترتب.

  • سجل منتج بحقول: قسم، استخدام، محاصيل، معدل استخدام، صور.
  • أربع sitemaps مقسّمة بتتولّد أوتوماتيك مع النشر.
  • الصور بصيغ حديثة وبمقاسات متولّدة حسب الشاشة.
  • بيانات Organization و ContactPoint متولّدة من بيانات الشركة.
  • لوحة تحكم للمنتجات والأقسام والمقالات، ولوحة تانية لمتابعة البحث.
  • مسارات الإدارة والدخول والـ API مقفولة في robots.

المميزات

أهم اللي في الموقع

كتالوج بأربع أقسام

منظمات النمو والمركبة والعضوية والمعدنية، وكل قسم ليه صفحته ولينكه.

صفحة منتج بمعدل الاستخدام

الاستخدام والمحاصيل والمعدل والاعتماد، الحاجات اللي بتتساأل للموزّع.

مكتبة مقالات زراعية

مكتوبة على صيغة السؤال وعلى مواعيد الموسم، وكل مقالة بتوصّل لمنتج.

فهرسة مقسّمة على أربع خرايط

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

صفحة خفيفة مبنية للموبايل الضعيف

٨٧ كيلوبايت للصفحة الرئيسية، وصور بصيغ حديثة بمقاسات متولّدة.

لوحة تحكم للنشر المستمر

منتج أو مقالة بتتضاف في دقايق، لإن المكتبة دي بتكبر كل شهر.

القياس

الأرقام اللي تقدر تقيسها بنفسك دلوقتي

افتح الدومين وشغّل PageSpeed عليه. الأرقام دي المفروض تلاقيها زي ما هي.

  • 97

    Performance

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 92

    Accessibility

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 100

    Best Practices

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

  • 92

    SEO

    Lighthouse ديسكتوب: قياس على الدومين المنشور، 6 سبتمبر 2026

تفاصيل التنفيذ. الأرقام دي من Lighthouse على الدومين المنشور، وأعلى نتيجة أداء في المجموعة كلها، وده مش صدفة، ده كان القيد اللي المشروع كله اتبنى عليه.

الصفحة الرئيسية ٨٧ كيلوبايت، وكل صورة بتتقدّم بصيغة حديثة وبمقاس متولّد للشاشة اللي طالباها، والصفحة بتوصل مبنية من السيرفر بدل ما تتبني على موبايل ضعيف. ده اللي بيدي أداء ٩٧ وأفضل ممارسات ١٠٠.

والوصولية ٩٢ فيها مساحة صغيرة للتحسين، والـSEO ٨٥ محتاج أوصاف meta على صفحات المنتجات، الاتنين بنود صيانة معروفة بتتعمل من اللوحة.

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

البحث

اللي اتظبط عشان جوجل يقراه

البحث هنا هو المصدر الأساسي للزيارات، وطبيعته مختلفة: الناس بتدوّر بالمشكلة وبالتوقيت. فالمحتوى اتبني على الاتنين («علاج اصفرار أوراق النبات» مشكلة، و«متى أضع السماد الجذري للنخيل» توقيت) وكل صفحة بتوصّل للمنتج اللي بيخصّها بدل ما تسيب القارئ في الآخر.

  • لينك عربي مقروء لكل منتج وقسم ومقالة.
  • أربع sitemaps مقسّمة بتتولّد أوتوماتيك: ثابت، أقسام، منتجات، مقالات.
  • robots بيسمح بالكتالوج ويقفل الإدارة والدخول والـ API.
  • بيانات Organization و ContactPoint عشان الشركة تتعرّف ككيان.
  • عنوان ووصف متكتوبين لكل صفحة، مش متولّدين من الاسم.
  • Open Graph وبطاقات تويتر عشان اللينك يبان صح لما يتبعت على واتساب.
  • نص بديل على كل صورة، ١٦ من ١٦.
  • ربط داخلي من كل مقالة للمنتج اللي بيحل مشكلتها.

01·من الشغل

اللي اتبنى بالظبط

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

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

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

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

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

02·من الشغل

القيد اللي التصميم كله اتبنى عليه

أغلب المشاريع بتبدأ بطموح. المشروع ده بدأ بقيد.

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

فكل قرار في المشروع اتقاس بسؤال واحد: ده بيزوّد وزن الصفحة؟ ولو أيوه، هو يستاهل؟

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

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

03·من الشغل

المكتبة هي الباب، والكتالوج هو المخرج

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

المزارع بيدوّر بالمشكلة اللي شايفها في الأرض. ورق بيصفرّ. إنتاج قلّ. أرض رملية جديدة. نخيل جه ميعاد تسميده. ولا واحدة من دي اسم منتج. فالكتالوج اللي بيتكلم بالأسماء التجارية بس مستني زائر مش هييجي.

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

والمحتوى مكتوب على بُعدين مش واحد: المشكلة («أسباب اصفرار أوراق النبات وعلاجه»، «كيف أحسّن خصوبة التربة الرملية») والتوقيت («متى أضع السماد الجذري للنخيل»، «أفضل طريقة لتسميد الطماطم»). البُعد التاني ده هو اللي بيخلي المكتبة أصل بيرجع يشتغل: المقالة المكتوبة على موسم بترجع تتقري كل سنة في نفس الشهر.

04·من الشغل

السؤال الأول مش «ده بيعمل إيه»

في قطاع المزارع بيحط فيه فلوسه وموسمه على منتج، السؤال الأول مش «المنتج ده بيعمل إيه». السؤال الأول: «هو معتمد؟».

والموقع اللي مش بيرد على ده في أول شاشة بيخسر ثقة صعب يرجّعها. فالاعتماد والخبرة اتحطوا في مقدمة الصفحة الرئيسية، مش في صفحة «من نحن» جوه.

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

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

05·من الشغل

مكتبة بتكبر كل شهر، ونظام مبني عشان يستحمّلها

المكتبة دي مش رقم اتكتب مرة واحدة. دي ناتج نشر مستمر، وبتكبر كل شهر.

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

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

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

المراحل

الشغل مشى إزاي

الوقوف عند القيد

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

خريطة المحتوى

جمع صيغ السؤال الحقيقية، وتقسيمها لمشكلات وتوقيتات، وده اللي حدد المكتبة.

التصنيف

أربع عائلات منتجات، وربط كل منتج بمحاصيله واستخداماته.

التصميم

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

التطوير

Next.js بصفحات على السيرفر، سجل منتج بحقول، وأربع sitemaps مقسّمة.

المحتوى

إدخال ٢٥ منتج، وبناء المكتبة مقالة مقالة على مدى النشر.

النزول ومتابعة الفهرسة المقسّمة

نزول، متابعة الفهرسة لكل نوع على حدة من الخرايط الأربعة.

التسليم

اللي بقى ملكك

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

النتيجة

النتيجة

الموقع بقى بيتكلم بلغة المزارع مش بلغة الكتالوج.

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

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

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

أرقام التسليم

  • 25

    منتج بصفحته ومعدل إضافته وتسجيله

    عدّ من الـ sitemap المنشور، 6 سبتمبر 2026

  • 4

    أقسام كتالوج، لكل قسم مدخله

    عدّ من الـ sitemap المنشور، 6 سبتمبر 2026

  • 4

    خرايط فهرسة منفصلة بتستحمّل نمو المكتبة

    عدّ من الـ sitemap المنشور، 6 سبتمبر 2026

  • 87 KB

    حجم الصفحة الرئيسية، عشان تفتح في الغيط

    قياس على الـ HTML المنشور، 6 سبتمبر 2026

شغل زي ده بيبدأ بمكالمة بتشرح فيها وضعك

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

عملاؤنا

شركات اختارت تشتغل معانا

جزء من عملائنا، في قطاعات مختلفة تمامًا عن بعضها.

  • Bravo Agrochemicals
  • المصرية للأثاث المكتبي
  • مركز طريق الشفا
  • د. غادة يسري
  • Interact Labs
  • rawa روى
  • Next Industry
  • Medixia.ai
  • Falcon Water Treatment Systems
  • Golden Blast
  • هابي للصناعات البلاستيكية
  • Smart Modern School
  • Rafiq Academy
  • IPS Sports Academy
  • Mo Valley موفالي
  • Hyalure
  • G-Tour
  • Préime
  • Rahal
  • Dausar
  • El Gamry