متجر Candy Pirates الإلكتروني
واجهة متجر متعددة الصفحات لمتجر حلوى عالمية في مينيسوتا، بطريقتين للشراء: حلوى معبأة جاهزة، أو صندوق يملؤه الزبون نكهة بعد نكهة. مبنية للهاتف أولاً مع كتالوج وسلة وإتمام طلب متكاملة.
نظرة عامة
Candy Pirates متجر حلوى عالمية في ولاية مينيسوتا الأمريكية، له متجر في بلومنغتون وفرع ثانٍ. يبيع حلويات مستوردة من بلدان كثيرة: علكات الجيلي والشوكولاتة والعرقسوس والمارشميلو والحلوى الحامضة والحلويات العملاقة وأصنافاً خاصة مستوحاة من ثقافات الحلوى في أوروبا وغيرها، ومنها تشكيلة متجددة من الحلوى السويدية.
وللمتجر شخصية قوية، فعلامته التجارية مبنية على القراصنة: الطاقم والمخزن وصندوق الكنز. وكان يريد واجهة متجر إلكتروني تحمل هذه الشخصية، وتجعل شراء حلوى معبأة جاهزة بسهولة شراء صندوق يملؤه الزبون بنفسه، مع الشحن إلى أي مكان في الولايات المتحدة.
التحدي
يبيع المتجر بطريقتين مختلفتين تماماً، وكان على الموقع أن يجعل كلتيهما سهلة وممتعة.
الأولى حلوى معبأة جاهزة: أكياس وصناديق هدايا وأنابيب بنكهة واحدة، مغلقة على الرف وجاهزة للشحن، وتُسعَّر بالوزن ليعرف الزبون دائماً ما يدفعه. والثانية صندوق يملؤه الزبون بنفسه: يختار ثلاث نكهات أو أكثر، فيملأ المتجر أنبوباً بنصف رطل لكل نكهة، ويضعها في صندوق Candy Pirates ويغلقه. الأولى سلة تسوق، والثانية مهمة تصميم صغيرة.
وكان لا بد أن تعمل الطريقتان على الهاتف، لأنه الجهاز الذي يصل منه كثير من الزبائن إلى المتجر. وألا يفقد الموقع المرح الذي تقوم عليه العلامة، فمتجر حلوى يبدو كجدول بيانات لم يفهم المقصود.
وهناك مطلب أهدأ: يتلقى المتجر أيضاً استفسارات ليست مشتريات، كسؤال عن حلوى معينة، أو طلب لمناسبة أو فعالية، أو زيارة أحد فروعه في مينيسوتا. وكان على الموقع توجيهها إلى المكان الصحيح دون ازدحام.
ما الذي بنيناه
بنينا واجهة متجر سريعة ومصممة للهاتف أولاً من ست صفحات: الرئيسية، وقائمة الحلوى الكاملة، وقصة العلامة، وفروع المتجر، والتواصل، وإتمام الطلب. وهو موقع خفيف مبني بـHTML وCSS وJavaScript عادية، مستضاف على Vercel، ومرتبط بـShopify للكتالوج والسلة وإتمام الطلب، فيدير المتجر منتجاته وطلباته بمنصة يعرفها أصلاً.
تفتح الصفحة الرئيسية على طريقتين لملء «المخزن»، لكل منهما قسمها: الكنز الجاهز، وابنِ صندوقك بنفسك، وزر واضح يقود إلى كل منهما. وتعرض قائمة الحلوى الكتالوج مع لوحات عرض سريع للمنتجات، فيتفحص الزبون الصنف عن قرب دون مغادرة الصفحة. وتتبع السلة الزبون أثناء التصفح، ويأتي إتمام الطلب خطوات سريعة قصيرة بدل نموذج طويل.
وأداة بناء الصندوق هي قلب الموقع. فهي ترافق الزبون خطوة بخطوة: اختر نكهاتك، وشاهد الصندوق يتشكّل، ثم أضفه إلى السلة. وبذلك تتحول مهمة كان يمكن أن تكون محيّرة إلى أكثر ما يُذكر من الزيارة.
وفي الخلفية اهتممنا بتفاصيل تفيد المتسوقين ومحركات البحث معاً: رابط «تخطَّ إلى المحتوى» لمستخدمي لوحة المفاتيح وقارئات الشاشة، وبيانات منظّمة، وقسم للأسئلة الشائعة يشرح كيف يُسعَّر المتجر بالوزن وكيف يعمل الصندوق وأين الفروع وما سرعة الشحن، ونموذج تواصل يسأل الزائر عمّا يحتاجه، من التسوق عبر الإنترنت إلى توفّر المنتجات وهدايا الشركات والمناسبات. وتعرض صفحة المتجر لقطات حقيقية من أرض المتجر عبر خلاصة إنستغرام.
كيف عملنا
كان القرار الأول أن نتعامل مع طريقتي الشراء كمنتجين بمظهر مشترك، لا كمنتج واحد بخيارات. فبقيت الصفحة الرئيسية صادقة وبقي إتمام الطلب قصيراً، وهو القرار الذي يتبعه بقية الموقع.
في نوفاتريكس ديجيتال تتعامل مباشرة مع المهندسين الذين يبنون موقعك، دون مدراء حسابات في الوسط. ونستعين بأساليب مدعومة بالذكاء الاصطناعي في البحث والتصميم والبرمجة والاختبار لنُنجز أسرع، ويراجع مهندس كل عمل قبل تسليمه. وجرى تسعير المشروع بشكل فردي. والمشروع ما زال قيد التنفيذ، ولهذا نصف ما أُنجز حتى الآن بدل الحديث عن نتائج، وسنحدّث هذه الصفحة مع تقدّم المتجر.
النتيجة
أصبح لدى Candy Pirates واجهة متجر تعكس شخصية العلامة، وتوضّح طريقتي الشراء من أول لمسة، وتمنح الزبائن طريقاً سلساً من التصفح إلى إتمام الطلب على أي جهاز. والكتالوج والسلة وإتمام الطلب مترابطة من البداية إلى النهاية.
والمشروع ما زال قيد التنفيذ، والمتجر متاح على الإنترنت على candy-pirates.vercel.app.
الوسوم: تجارة إلكترونية, التجزئة, الأغذية والمشروبات, تصميم المواقع, شوبيفاي