سيدي هشام: تصميم موقع شركة أغذية في سوريا

الموقع: سورياالسنة: 2022

تصميم موقع شركة أغذية لسيدي هشام، علامة سورية تضم تشكيلتها ٢٤ فئة منتجات: صمّمت كنانيا الموقع العربي وبرمجته بالتعاون مع BIGBANG IT Solutions.

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

بالتعاون مع

كتالوج مرتّب حول المطبخ

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

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

التصميم نفسه على الموبايل

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

ماذا يجب أن يتضمن موقع شركة أغذية؟

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

تصميم موقع شركة أغذية يبدأ من قارئين اثنين

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

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

كيف رُتّبت الفئات الأربع والعشرون

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

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

أضفنا أيضاً صفحة لكل فئة لا مجرد فلتر، لأن صفحة الفئة هي التي تظهر في نتائج البحث حين يكتب أحدهم «زيت زيتون سوري» أو «شاي سيلاني». الصفحة التي لها عنوان ونص قصير وقائمة منتجات تُفهرَس، أما الفلتر داخل صفحة واحدة فلا.

الوصفات والأخبار والتوظيف: أكثر من كتالوج

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

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

لماذا بُني الموقع بتقنية Next.js

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

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

6 ممارسات أساسية في تصميم موقع شركة أغذية

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

كيف يسير مشروع تصميم موقع شركة أغذية معنا

نبدأ من التشكيلة: جدول بالمنتجات والفئات وأحجام العبوات والمكوّنات، مع التصوير الموجود. من ذلك نرسم خريطة الصفحات وبنية الفئات، ثم الصفحة الرئيسية وصفحة فئة واحدة وصفحة منتج واحدة بالعربية (وبالإنكليزية إن كانت العلامة تصدّر). بعد الاعتماد نصمّم بقية القوالب والوصفات وتخطيط الأخبار، ونسلّم المجموعة كاملة للبرمجة. ويُطلق الموقع والكتالوج الحقيقي محمَّل فيه، لا بمنتجات مؤقتة.

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

قائمة تحقّق قبل إطلاق موقع شركة أغذية

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

ما الذي نتابعه بعد الإطلاق

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

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

أخطاء شائعة نتجنّبها في مواقع شركات الأغذية

• كتالوج على شكل ملف PDF واحد بدل صفحات؛ لا يُفهرَس ولا يُقرأ على الهاتف.
• صور عبوات مصوّرة على طاولة المكتب بإضاءة مختلفة لكل منتج.
• قوائم مترجمة حرفياً من الإنكليزية بمصطلحات لا يستخدمها أحد.
• رقم واتساب مخفي في أسفل صفحة التواصل فقط.
• صفحة رئيسية مليئة بالحركة والسلايدرات وتحمّل ببطء على الجوال.
• إطلاق الموقع بمنتجات مؤقتة على أن تُستبدل «لاحقاً».

لمن يناسب هذا النموذج

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

كيف تبدأ معنا

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

مصطلحات ستسمعها أثناء تصميم موقع شركة أغذية

خريطة الصفحات

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

صفحة الفئة

صفحة لكل مجموعة منتجات (الأرز، البهارات، الزيوت) بعنوان ووصف وقائمة منتجاتها؛ وهي ما تظهر في نتائج البحث حين يُبحث عن نوع المنتج لا عن اسمه.

صفحة المنتج

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

التوليد المسبق للصفحات

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

التخطيط من اليمين إلى اليسار

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

خريطة الموقع

ملف يعدّد لمحركات البحث كل صفحات الموقع، يُرسل يوم الإطلاق ويتحدّث تلقائياً مع كل صفحة جديدة.

لوحة التحكم

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

العنوان والوصف

السطران اللذان يظهران في نتائج البحث لكل صفحة، ويُكتبان لكل صفحة على حدة بالكلمات التي يبحث بها الناس فعلاً.

تصميم موقع شركة أغذية عن بُعد

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

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

أسئلة شائعة عن تصميم موقع شركة أغذية

نطاق العمل في تصميم موقع شركة أغذية

• تصميم الموقع بالعربية: الرئيسية و٢٤ فئة منتجات وصفحات المنتجات والمطبخ والوصفات والأخبار والفعاليات ومن نحن والتواصل والتوظيف
• تصميم شاشات الموبايل
• برمجة الموقع بتقنية Next.js
• بالتعاون مع BIGBANG IT Solutions

مشاريع وخدمات ذات صلة

المزيد من أعمال كنانيا في المواقع والمنتجات الرقمية، والخدمات التي تقف خلفها:

• شركة تصميم مواقع في سوريا — مواقع شركات وكتالوجات منتجات بالعربية والإنكليزية
• خدمات تجربة المستخدم وتصميم المواقع — مواقع ومنصات وتطبيقات
• ماسة فودز: الموقع والسوشيال ميديا والمحتوى — علامة أغذية أخرى، بالتعاون مع BIGBANG IT Solutions
• هوى الشام: موقع علامة ألبان — موقع وفيديو ومطبوعات، بالتعاون مع BIGBANG IT Solutions
• دراسة حالة تجربة مستخدم: ثلاثة منتجات رقمية — تأجير سيارات ودفع وسوق إلكتروني

تخطط لموقع شركة أغذية؟ أرسل بريفاً قصيراً ونردّ عليك بعرض محدّد النطاق.