واجهة متجر هادئة لدار منتجات جلدية تبيع بتأنٍّ وعناية

1. 01

   إطارات صور بنسب ثابتة في كل مكان

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

2. 02

   السلة كقائمة جانبية، لا كصفحة

   بأسعار من 3,900 إلى 7,400 درهم للقطعة، لا ينبغي أن يفقد المتسوق مكانه عندما يضيف قطعة ثانية. السلة الجانبية تُبقيه في صفحة المنتج، وتعرض ملخص الطلب وملاحظة التوصيل، وتنتقل إلى صفحة الدفع بخطوة واحدة. والسلة الجانبية تدريجية: دون JavaScript يبقى زر الإضافة إلى السلة يرسل إلى صفحة السلة.

3. 03

   أقسام وبلوكات بدلاً من قوالب ثابتة في الكود

   الصفحة الرئيسية وصفحات المجموعات والقصص مبنية من قوالب JSON وأقسام قابلة لإعادة الاستخدام. يستطيع فريق العرض التجاري استبدال كتالوج الإطلالات بقسم مجموعة دون لمس Liquid، ويحتفظ المطورون بمصدر واحد للمسافات والخطوط والألوان.

4. 04

   تطبيقات قليلة، والميزات المدمجة أولاً

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

5. 05

   مسار استفسار للقطع التي تتجاوز سعراً معيناً

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

6. 06

   خطوط وحركة بانضباط

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

الجدول الزمني المخطط: مخطط كمشروع Shopify Plus من 10 إلى 12 أسبوعاً: التعرف على المتطلبات والتصميم في الأسابيع 1 إلى 3، وتطوير القالب في الأسابيع 4 إلى 9، والاختبار وإدخال المحتوى في الأسبوعين 10 و11، ثم أسبوع الإطلاق بعد ذلك.

صممه وبناه فريق الاستوديو لدينا.