هوى الشام: موقع وفيديو ومطبوعات لعلامة ألبان سورية

الموقع: الصبورة، ريف دمشقالسنة: 2024–2025

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

تصنع هوى الشام الحليب ومشتقاته في سوريا منذ عام ٢٠١٤، من الحليب طويل الأمد والحليب المنكّه إلى اللبنة والعيران والأجبان والعصائر والقهوة الباردة، تحت شعار «منحكي صحة». وبالتعاون مع BIGBANG IT Solutions تولّت كنانيا تصميم موقع شركة ألبان لهذه العلامة، ومعه فيديوهات منتجاتها وبانراتها الرقمية وكتالوج منتجاتها وبروشورها.

بالتعاون مع

موقع تتقدّمه المزرعة

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

يضم الكتالوج ٧٨ منتجاً في ١٤ فئة يستطيع المتسوّق التصفية بينها، من الحليب السادة والمنكّه إلى اللبنة والأجبان وكريمة الطبخ. وتعرض صفحة كل منتج مكوّناته وقيمته الغذائية لكل ١٠٠ غرام، مع منتجات ذات صلة ووصفات تستخدمه. زر موقع hs-dairy.com.

بانرات وفيديو للتشكيلة

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

كتالوج منتجات وبروشور

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

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

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

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

تصميم موقع شركة ألبان يبدأ من المزرعة

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

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

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

كتالوج من ٧٨ منتجاً يبقى سهل الاستعمال

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

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

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

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

الوصفات والأخبار وخط البروتين

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

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

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

تصميم موقع شركة ألبان يمتد إلى البانرات والفيديو والمطبوعات

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

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

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

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

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

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

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

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

ما نفحصه قبل الإطلاق وبعده

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

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

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

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

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

أعمال أخرى في مواقع علامات الأغذية

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

نطاق العمل

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

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

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

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

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