تجربتي مع سنديان في تصميم موقع مطعم احترافي بخطوات بسيطة


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

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

خطواتي في إنشاء موقع المطعم على سنديان

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

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

01- إنشاء حساب جديد على سنديان

يمكن إنشاء الموقع مباشرةً على سنديان عبر الضغط على زر “جرّب سنديان الآن“، لكن من الأفضل التسجيل أولًا حتى يتم حفظ الموقع وجميع التعديلات على حسابك مباشرة. لذلك اضغط على زر “ابدأ الآن” لإنشاء حساب جديد.

بدأ موقع جديد على سنديان.

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

إنشاء حساب جديد على سنديان.

02- اختيار قالب المطعم وتحديد ألوان الهوية المناسبة.

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

لذلك انتقلتُ إلى قسم القوالب في سنديان، ثم اخترتُ تصنيف المطاعم من القائمة العلوية.

قسم المطاعم من قوالب سنديان الجاهزة.

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

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

اختيار قالب مناسب للموقع من سنديان.

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

تخصيص ألوان الهوية المناسبة للقالب.

03- تصميم صفحة المطعم الرئيسية

الآن بدأتُ بتخصيص القالب من حيث الصور، النصوص، الأزرار، الخلفيات، قائمة الطعام، الأطباق المميزة وغيرها، ليكون متوافقًا مع متطلبات العميل.

بدأتُ أولًا بالتعديل على الصور، حيث يمكن بسهولة تحديد الصورة واستبدالها بالصورة المطلوبة مع تخصيص حجمها، الإطار، والهوامش كما يظهر في الصورة التالية:

استبدال صور القالب.

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

تخصيص نصوص القالب.

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

تخصيص أزرار القالب الأساسية.

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

أقسام قائمة الطعام على الموقع.

قمتُ بالتعديل على القوائم من حيث اسم الصنف، الوصف، السعر، الصورة البارزة وغيرها، كما يظهر في الصورة التالية:

إضافة أصناف الطعام للقائمة.

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

إضافة قسم جديد لقائمة الطعام.

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

مظهر أقسام قائمة الطعام على الصفحة الرئيسية.

كذلك أضفتُ قسم الأطباق المميزة ليعرض الأطباق الأكثر مبيعًا أو الأطباق الخاصة بالمطعم بطريقة بارزة على الصفحة الرئيسية.

قسم الأطباق المميزة على الموقع.

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

عرض مميزات المطعم بالصفحة الرئيسية.

04- إضافة زر الطلب عبر الواتساب في قوائم المطعم

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

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

إضافة زر الطلب لقائمة الطعام على المتجر.

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

https://wa.me/رقم_الجوال?text=الرسالة_الجاهزة
  •  ملاحظة: يجب أن يكون رقم الجوال بصيغة دولية.

على سبيل المثال، لطلب صنف برجر كلاسيك من المطعم، يكون الرابط الخاص بالزر كالتالي:

https://wa.me/رقم_الجوال?text= مرحبًا، أريد طلب برجر كلاسيك من المطعم
تخصيص الزر للطلب المباشر من القائمة.

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

زر الطلب المباشر في قائمة الطعام على سنديان.

05- إنشاء الصفحات الفرعية للمتجر

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

احتجتُ إلى التعديل على صفحة “عن المطعم“، لذلك توجهتُ إلى قسم “الصفحات” من القائمة الجانبية، ثم اخترتُ صفحة “عن المطعم” كما هو موضح في الصورة التالية:

التعديل على صفحة عن المطعم على سنديان.

بعدها أضفتُ النبذة التعريفية عن المطعم، ورسالة العلامة التجارية، وعدد الفروع، إلى جانب صور داخلية وخارجية تبرز جمال المطعم ونظافته.

صفحة النبذة التعريفية على القالب.

وبالمثل، انتقلتُ إلى صفحة “تواصل معنا” حيث أدرجتُ مواقع فروع المطعم على الخريطة مباشرة، بالإضافة إلى قسم يضم بيانات التواصل مع إدارة المطعم.

صفحة اتصل بنا على القالب.

06- اختبار ونشر موقع المطعم على سنديان

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

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

إكمال إنشاء الموقع على سنديان.

بعدها حدّدتُ اسم الموقع والتصنيف، ثم ضغطت على زر “التالي” لمتابعة عملية النشر.

إعدادات الموقع قبل النشر.

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

حجز نطاق الموقع المناسب من سنديان.

وأخيرًا كان عليّ دفع تكلفة الخدمة التي تبلغ 96 دولارًا سنويًا، لكن وجدت خصم بقيمة 36 دولارًا للسنة الأولى، لتصبح التكلفة الإجمالية 60 دولارًا فقط للسنة الأولى. بعد إدخال بيانات الدفع، ضغطت على زر “إنشاء الموقع” ليتم نشر الموقع مباشرة على سنديان.

دفع تكاليف الموقع الجديد على سنديان.

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

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



Source link