دراسة حالة · Y-Needs
متجر لمنتجات البيت، اتبنى عشان يبيع.
دراسة حالة تصميم متجر إلكتروني بتوريك إزاي Floux أعادت بناء Y-Needs، متجر WooCommerce عربي في مصر لمنتجات المطبخ والحمام والبيت الذكية، على WordPress وDivi 5. نفس ألوان البراند، رسالة أوضح، وصفحة رئيسية بتاخد الزبون من احتياجه لحد السلة.
نقطة البداية
متجر كويس، بأول شاشة ضعيفة.
Y-Needs كان عنده منتجات الناس بتحبها وبراند أزرق وأصفر معروف. لكن الصفحة الرئيسية القديمة مكانتش بتديله حقه: وعد عام، وقوايم منتجات طويلة، وأسباب قليلة جداً تخلّي حد يثق في متجر جديد.
البريف كان بسيط: نحافظ على البراند، نوضّح الرسالة، ونخلّي الصفحة الرئيسية هي اللي تبيع على الموبايل. والبريف ده هو اللي حدد كل قرار في دراسة حالة تصميم متجر إلكتروني دي.
- عنوان عام (أفضل المنتجات بأسعار لا تقبل المنافسة) ينفع لأي متجر
- على الموبايل أول شاشة كانت بانر أصفر فاضي، من غير صورة ولا عرض واضح
- المنتجات معروضة في قوايم طويلة بصفحات، مش حسب الاحتياج أو الأكتر مبيعاً أو العروض
- الشحن والإرجاع كانوا مجرد لينكات في الفوتر، ومواعيد التوصيل والدفع عند الاستلام مكانوش مذكورين
قبل وبعد
نفس البراند، وانطباع أول مختلف.
أهم حاجة في أي دراسة حالة تصميم متجر إلكتروني هي أول شاشة الزبون بيشوفها. وأهي على الكمبيوتر وعلى الموبايل: y-needs.shop القديم والمتجر الجديد.
قبل
بعد
قبل
بعد
الصفحة الرئيسية الجديدة
من أول شاشة لآخر الصفحة، اعمل سكرول.
الأقسام، والأكتر مبيعاً، والعروض، وقصة البراند، وآراء العملاء، ونصايح البيت، وعرض النشرة البريدية، بالترتيب اللي الزبون محتاجه.
النتايج
صاحب المتجر كسب إيه النهارده.
إحنا بننشر أرقام بس لما تتقاس على المتجر الحقيقي على مدة كافية، وهنحدّث دراسة حالة تصميم متجر إلكتروني دي أول ما تبقى جاهزة. لحد ده ما يحصل، ده اللي اتغيّر من أول يوم.
- أول شاشة بتشرح المتجر وبتعرض عرض على كل الأجهزة
- المنتجات متقسمة بالطريقة اللي الناس بتتسوق بيها: حسب المكان في البيت، والأكتر مبيعاً، والعروض
- كل أسئلة الثقة (التوصيل، الدفع، الإرجاع) ليها إجابة قبل ما أول سكرول يخلص
- متجر صاحبه متحكم فيه بالكامل: WordPress بتاعه، وWooCommerce بتاعه، والمحتوى بتاعه
- أساس SEO جاهز بـ Rank Math، ولينكات عربي نضيفة، وقسم محتوى يكبر مع الوقت
الأسئلة الشائعة
أسئلة عن المشروع ده.
أسئلة أصحاب المتاجر بيسألوها بعد ما يشوفوا تصميم Y-Needs الجديد.
Floux غيّرت إيه في دراسة حالة تصميم متجر إلكتروني دي؟
حافظنا على ألوان ولوجو Y-Needs، وبعدين بنينا الصفحة الرئيسية من جديد حوالين الزبون: رسالة واضحة في الهيرو للعرسان الجداد والأمهات المشغولين، و4 أقسام للتسوّق حسب الاحتياج، والأكتر مبيعاً وعروض اليوم، والتوصيل والدفع عند الاستلام والإرجاع ظاهرين من الأول، ومدونة نصايح للبيت، وعرض للنشرة البريدية.
متجر Y-Needs معمول على أنهي منصة؟
Y-Needs شغال على WordPress مع WooCommerce للمنتجات والسلة والدفع، وDivi 5 للتصميم. Rank Math مسؤول عن الـ SEO، وإضافة صغيرة مخصوص بتضيف مميزات المتجر اللي صاحبه كان محتاجها. وصاحب المتجر معاه صلاحية كاملة على كل حاجة.
ينفع تعيدوا تصميم متجر WooCommerce بتاعي بنفس الطريقة؟
أيوه. تصميم متجر ووكومرس من جديد بيبدأ بمراجعة متجرك الحالي: بنحافظ على اللي شغال كويس (المنتجات والطلبات والعملاء والبراند) ونعيد تصميم الصفحات اللي بتبيع، زي ما عملنا في دراسة حالة تصميم متجر إلكتروني دي. ومتجرك بيفضل شغال وإحنا بنبني التصميم الجديد على نسخة staging خاصة.
متجر Y-Needs بالعربي؟
أيوه. المتجر عربي بالكامل ومن اليمين للشمال، ومكتوب بعامية مصرية لطيفة للزباين في كل مصر. وبنعمل كمان متاجر بالعربي والإنجليزي لما البراند بيبيع للجمهورين.
مواقع شغّالة بانسيابية. متصممة بالعربي والإنجليزي، ومبنية على WordPress وWooCommerce، وملكك بالكامل.