توثيق مراحل التطوير والتخصيص
تطوير متجر مزارع عالية المدينة
يوثق هذا الملف مراحل تطوير وتخصيص المتجر منذ بدء مناقشة التطوير، مرورًا بنشر الثيم الجديد وربطه بالمتجر، وحتى اكتمال الأعمال.
- بداية التطوير
- 16/9
- نشر الثيم
- 7/10
- اكتمال الأعمال
- 12/10
- نسبة الإنجاز
- 100%
نظرة عامة
ملخص التطوير
خلال تنفيذ التعديلات على الثيم المعتمد سابقًا، اتضح أنه لا يوفر مستوى التخصيص والاحترافية المطلوب، فتم اعتماد شراء ثيم ريسبون والبدء في إنشاء وتطوير المتجر عليه من الصفر بما يتناسب مع هوية مزارع عالية المدينة والتجربة المستهدفة للعميل.
- أعمال التصميم
- تطوير الهيكل
- ترتيب الأقسام
- تطوير الصفحة الرئيسية
- إعداد الصفحات
- ربط الأزرار
- تطوير المحتوى
- تحديث السياسات
- تخصيص الهوية البصرية
- التعديلات البرمجية
- نشر الثيم
- ربط الدومين
المراحل الزمنية
رحلة المشروع من البداية حتى اكتمال الأعمال
تفاصيل كل مرحلة كما وردت في التقرير. اضغط على أي مرحلة لعرض تفاصيلها أو إخفائها.
- الخطوة 116/9بداية مشروع التطوير
- الخطوة 221/9أول معاينة للتطوير
- الخطوة 329/9تطوير الصفحة الرئيسية وتجربة العميل
- الخطوة 47/10نشر الثيم الجديد
- بعد النشر...استمرار التخصيص والتعديلات البرمجية
- الخطوة 612/10اكتمال أعمال التطوير والتخصيص
01بداية مشروع التطوير16/9
بدأت مناقشة أعمال تطوير المتجر، وتم تحديد مجموعة من المهام والتحديثات الأولية، شملت:
- تعديل قسم «من نحن».
- إضافة قسم «عملاء كسبنا ثقتهم».
- إضافة قسم «شركاؤنا الإعلاميون».
- تعديل سياسة الاستبدال والاسترجاع.
- إضافة المدونة.
- تعديل خيارات منتجات عجوة العالية وعجوة المدينة، والخيارات المعتمدة: (صغير - متوسط - فاخر).
- إضافة قسم الجوائز والإنجازات.
- إضافة قسم كبار الزوار.
وخلال مرحلة تنفيذ التعديلات على الثيم المعتمد آنذاك، تم تقييم الإمكانيات المتاحة، واتضح أن الثيم لا يوفر مستوى التخصيص والاحترافية المطلوب لتحقيق التصور المستهدف للمتجر.
وبناءً عليه، تمت مناقشة خيار تغيير الثيم واعتماد شراء ثيم ريسبون، والبدء في إنشاء وتطوير المتجر عليه من الصفر بما يتناسب مع هوية مزارع عالية المدينة والتجربة المستهدفة للعميل.
02أول معاينة للتطوير21/9
تم تسليم أول معاينة للتصميم والتطوير، وبعدها تم استقبال مجموعة من الملاحظات والتوجيهات، وتم العمل عليها، ومن أبرزها:
- إعادة تنظيم قسم «شركاء النجاح» وإضافة القنوات والجهات الأخرى.
- تعديل قسم منتجات المدينة والتمور وطريقة عرض الأزرار والعناوين.
- مراجعة صور الزيارات والتأكد من صحة الشخصيات والصور المستخدمة.
- تعديل لون زر «أضف إلى السلة» ليتوافق مع هوية المتجر.
- اعتماد قصة المزرعة والنص الجديد لقسم «من نحن».
- تعديل تصميم وصورة جائزة TasteAtlas.
- دمج الأمراء والشيوخ والمشاهير ضمن قسم واحد لزيارات المزرعة.
- تحديث صور الشخصيات وحذف الأسماء والصور التي تم التوجيه بإزالتها.
- اعتماد ثلاثة أقسام رئيسية للمنتجات:
- الأكثر مبيعًا
- التمور
- منتجات المدينة
- تحديث عدد الدول التي تصل إليها منتجات المتجر وفق الرقم المعتمد.
- إضافة أيقونات Instagram وWhatsApp في واجهة المتجر.
03تطوير الصفحة الرئيسية وتجربة العميل29/9
تم استكمال الهيكل الأساسي للصفحة الرئيسية، مع إعادة ترتيب الأقسام والتركيز على تجربة العميل وسلاسة التصفح. وتضمن ذلك:
- شاشة افتتاحية تحمل هوية المتجر وشعاره أثناء تحميل الصفحة.
- بنر ترحيبي رئيسي بتصميم مختلف ومتوافق مع الهوية.
- تصميم الجزء العلوي ليكون متصلًا بصريًا مع البنر الرئيسي.
- تطوير طريقة عرض وسائل الدفع.
- إضافة عنصر إبراز الصناعة السعودية.
- إنشاء سلايدر أفقي للمنتجات المحددة.
- إنشاء قسم التصنيفات.
- تطوير قسم «من نحن» مع بنر تعريفي وزر للوصول إلى الصفحة.
- تطوير قسم مميزات المتجر.
- إضافة «شركاء النجاح» بطريقة عرض أفقية.
- إضافة قسم الشخصيات التي زارت المزرعة.
- إضافة قسم الفيديو والوصف.
- إضافة آراء العملاء.
- إضافة الجوائز والإنجازات.
- إضافة خانة الاشتراك في الرسائل البريدية.
- ربط الأزرار الموجودة في المتجر بالصفحات والأقسام المطلوبة.
04التحديثات الإضافية واعتمادات الإدارةخلال مراحل التطوير
خلال مراحل التطوير تم استقبال مجموعة إضافية من التوجيهات، وتم العمل على تنفيذها واعتمادها، ومن أبرزها:
- تحديث سياسة الاستبدال والاسترجاع.
- إعداد سياسة الاستخدام.
- تحديث محتوى صفحة «من نحن».
- إلغاء روابط Facebook وTwitter وSnapchat.
- توحيد ألوان مواصفات المنتجات مع هوية المتجر.
- تحديث أيقونات وخيارات الشحن ضمن حدود إمكانيات المنصة.
- اعتماد الصياغة النهائية لمحتوى البنر الرئيسي.
- إضافة آراء العملاء المستخرجة من Google Maps، وتم اعتماد إضافة 30 رأيًا لتحقيق التوازن بين إثراء الصفحة الرئيسية وسرعة تحميلها.
- إضافة «عملاء كسبنا ثقتهم» مع اعتماد رقم +1.25M.
- تحديث قسم الأكثر مبيعًا بالمنتجات المحددة.
- اعتماد التصنيفات:
- تمور المدينة
- من أرض المدينة
- جميع المنتجات
05نشر الثيم والانتقال إلى مرحلة التخصيص7/10نشر الثيم
تم نشر الثيم الجديد وربطه بالدومين، والانتقال من مرحلة المعاينة والتطوير إلى مرحلة التخصيص الفعلي للمتجر باستخدام CSS.
وتم بعد النشر تنفيذ مجموعة من التعديلات النهائية، منها:
- حصر التصنيفات الظاهرة في الشريط الجانبي إلى ثلاثة أقسام فقط:
- جميع المنتجات
- تمور المدينة
- منتجات من أرض المدينة
- تعديل طريقة ظهور بنرات التصنيفات لتظهر بشكل منظم أسفل بعضها.
- تكبير أزرار البنرات وتعديل مواضعها بما يتناسب مع التصميم.
- تعديل طريقة ظهور بطاقات مميزات المتجر لتظهر بصورة أكثر ترتيبًا أسفل بعضها.
- تعديل خلفيات شعارات شركات الشحن والدفع الموجودة أسفل المتجر.
- تعديل ألوان عناوين ووصف المتجر بما يتوافق مع الهوية.
- تعديل حجم ولون خيارات المنتجات المحددة، ومنها خيارات منتج عجوة عالية المدينة.
- ربط جميع الأزرار الموجودة في البنرات بالصفحات والأقسام الصحيحة.
تاريخ 7/10 هو تاريخ نشر الثيم الجديد، وليس تاريخ انتهاء المشروع؛ فقد استمرت أعمال التخصيص والتعديلات البرمجية بعد النشر حتى اكتمال الأعمال بتاريخ 12/10.
06إعداد المحتوى والصفحات الداخلية
تم كذلك استكمال مجموعة من الأعمال المرتبطة بالمحتوى والبنية الداخلية للمتجر، ومنها:
- إنشاء المدونة وتفعيلها.
- إنشاء صفحة «من نحن» داخل المدونة وربطها بالبنر الموجود في الصفحة الرئيسية.
- اعتماد وتحديث سياسة الاستبدال والاسترجاع.
- اعتماد وتحديث سياسة الاستخدام.
- تغيير حقوق المتجر من «صنع بواسطة زد» إلى «صنع بواسطة مزارع عالية المدينة».
- تحديث صورة الشهادة الضريبية والتأكد من ظهورها بالشكل الصحيح داخل المتجر.
- التأكد من ظهور الحساب البنكي عند اختيار الدفع عن طريق التحويل البنكي.
07توحيد الهوية البصرية لمحتوى المنتجات
تم اعتماد أسلوب موحد لعرض محتوى المنتجات، بحيث تكون:
- عناوين وصف المنتج باللون الأخضر المعتمد ضمن هوية المتجر.
- النصوص الفرعية باللون البني الداكن المعتمد.
- نقل النصوص والأحاديث الموجودة في الوصف المختصر إلى الوصف التفصيلي.
- ترك الوصف المختصر فارغًا عند الحاجة، لضمان توحيد شكل المنتجات وعدم تكرار المحتوى.
ملاحظة مهمة للمنتجات المستقبلية
تم تنفيذ بعض هذه التعديلات برمجيًا باستخدام CSS، لذلك يجب مراعاة الهوية والألوان المعتمدة عند إضافة أي منتجات جديدة، لضمان استمرار التناسق البصري داخل المتجر.
08الأعمال المنجزة والاعتمادات النهائية
تم الانتهاء من أعمال التطوير والتخصيص المطلوبة، وشملت أعمال التصميم، تطوير الهيكل، ترتيب الأقسام، إعداد الصفحات، ربط الأزرار، تطوير المحتوى، تخصيص الهوية البصرية، التعديلات البرمجية، ونشر الثيم وربطه بالدومين.
نسبة إنجاز أعمال التطوير: 100%
كما تم تنفيذ واعتماد الأعمال التي كانت مرتبطة بتوجيهات إدارة المتجر، بما في ذلك التعديلات النهائية على التصميم والمحتوى والأقسام والصفحات.
09النتيجة النهائية12/10اكتمال الأعمال
انتقل متجر مزارع عالية المدينة خلال فترة التطوير من الاعتماد على قالب بخصائص محدودة إلى متجر مطور على ثيم ريسبون تم العمل عليه وتخصيصه بما يتناسب مع هوية العلامة، مع إعادة بناء وتنظيم تجربة الصفحة الرئيسية، تطوير الأقسام، تحسين طريقة عرض المنتجات، توحيد الهوية البصرية، وتجهيز الصفحات والمحتوى الأساسي.
وبذلك تم الوصول إلى النسخة النهائية المعتمدة من المتجر، وإتمام أعمال التطوير والتخصيص بنسبة 100%.
الأعمال والتعديلات
الأعمال المنفذة مصنفة حسب المجال
جميع الأعمال الواردة في التقرير، مجمعة في مجموعات لتسهيل المراجعة.
الصفحة الرئيسية
- استكمال الهيكل الأساسي للصفحة الرئيسية وإعادة ترتيب الأقسام مع التركيز على تجربة العميل وسلاسة التصفح.
- شاشة افتتاحية تحمل هوية المتجر وشعاره أثناء تحميل الصفحة.
- بنر ترحيبي رئيسي بتصميم مختلف ومتوافق مع الهوية.
- تصميم الجزء العلوي ليكون متصلًا بصريًا مع البنر الرئيسي.
- اعتماد الصياغة النهائية لمحتوى البنر الرئيسي.
- تطوير طريقة عرض وسائل الدفع.
- إضافة عنصر إبراز الصناعة السعودية.
- إنشاء سلايدر أفقي للمنتجات المحددة.
- إضاف�� خانة الاشتراك في الرسائل البريدية.
- إضافة أيقونات Instagram وWhatsApp في واجهة المتجر.
- ربط الأزرار الموجودة في المتجر بالصفحات والأقسام المطلوبة.
الصفحات
الصفحات والمحتوى الداخلي
المدونة
إنشاء وتفعيلتم إنشاء المدونة وتفعيلها.
صفحة «من نحن»
إنشاء وتحديثتم إنشاء صفحة «من نحن» داخل المدونة وربطها بالبنر الموجود في الصفحة الرئيسية، مع اعتماد قصة المزرعة وتحديث المحتوى.
سياسة الاستبدال والاسترجاع
تحديث واعتمادتم تعديل سياسة الاستبدال والاسترجاع وتحديثها واعتمادها.
سياسة الاستخدام
إعداد واعتمادتم إعداد سياسة الاستخدام وتحديثها واعتمادها.
الأرقام والإنجازات
الأرقام الموثقة
الأرقام الواردة في التقرير فقط.
- 100%
- نسبة إنجاز أعمال التطوير
- +1.25M
- عملاء كسبنا ثقتهم
- 30
- رأيًا من Google Maps
- 3
- أقسام رئيسية للمنتجات
- 3
- تصنيفات في الشريط الجانبي
الرقم المعتمد في قسم «عملاء كسبنا ثقتهم»
آراء العملاء المضافة إلى الصفحة الرئيسية
الأكثر مبيعًا، التمور، منتجات المدينة
جميع المنتجات، تمور المدينة، منتجات من أرض المدينة
المقارنة
قبل التطوير × بعد التطوير
معاينة فعلية للمتجر على الثيم السابق، وعلى ثيم ريسبون بعد التطوير والتخصيص.
قبل التطوير
بعد التطوير
في حال عدم ظهور المعاينة داخل الصفحة، يمكن فتحها مباشرة عبر زر «فتح في نافذة جديدة».
الخلاصة
النتيجة النهائية
انتقل متجر مزارع عالية المدينة خلال فترة التطوير من الاعتماد على قالب بخصائص محدودة إلى متجر مطور على ثيم ريسبون تم العمل عليه وتخصيصه بما يتناسب مع هوية العلامة، ثم تمت عملية التخصيص والتطوير وإجراء التعديلات النهائية حتى الوصول إلى النسخة النهائية المعتمدة من المتجر.
- إعادة بناء وتنظيم تجربة الصفحة الرئيسية.
- تطوير الأقسام.
- تحسين طريقة عرض المنتجات.
- توحيد الهوية البصرية.
- تجهيز الصفحات والمحتوى الأساسي.
- ربط الأزرار بالصفحات والأقسام الصحيحة.
- تطوير وتحديث المحتوى.
- التعديلات البرمجية باستخدام CSS.
- نشر الثيم وربطه بالدومين بتاريخ 7/10.
- استمرار التخصيص والتعديلات البرمجية بعد النشر.
- اكتمال الأعمال بتاريخ 12/10.
حالة المشروع
مكتمل100%
- تاريخ نشر الثيم
- 7/10
- تاريخ اكتمال الأعمال
- 12/10
استمرت التخصيصات والتعديلات البرمجية بعد نشر الثيم بتاريخ 7/10، حتى اكتمال الأعمال بتاريخ 12/10.
ملاحظة إدارية وقانونية
تم إنشاء هذه الصفحة بواسطة نواف، ولا تمثل متجر مزارع عالية المدينة، وإنما أُنشئت لغرض الاستطلاع من قبل إدارة المتجر للاطلاع على ما تم إنجازه ومراحل التطوير التي تم تلخيصها في هذه الصفحة.
هذه الصفحة صالحة للعرض لمدة سبعة أيام فقط.
في حال طلب تمديد مدة العرض، يرجى التواصل مع نواف.
طلب تعديل أو ملاحظة
لإبداء ملاحظة أو طلب تعديل على ما ورد في هذا التوثيق، يمكن استخدام الزر التالي.
إرسال طلب تعديلأو عبر البريد: Contact@nawafharbi.com