TBD Bikes – متجر Shopify مخصص

التحدي: بناء قالب Shopify داكن وعصري من الصفر يتوافق مع هوية علامة الموتوكروس، مع الحفاظ على سهولة القراءة ووضوح المنتجات على الخلفيات الداكنة.

الحل: طورت قالب Liquid مخصصًا بخلفيات داكنة مختارة بعناية (#0a0a0a، #111111)، ولمسات زرقاء (#3b82f6) للإبراز، وخطوط واضحة باستخدام Bebas Neue وInter. ويضمن التصميم بروز المنتجات على الخلفية الداكنة مع الحفاظ على نسب تباين ممتازة لسهولة القراءة.

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

الحل: بنيت صفحات استفسار مخصصة بنماذج مصنفة (أسئلة عامة، طلبات أدوات مخصصة، طلبات ألوان جديدة، طلبات بالجملة) مربوطة عبر FormSubmit. وتتيح صفحات المنتجات اختيار المتغيرات مع تحديث الأسعار فورًا، ومعرض صور مع تنقل بالصور المصغرة، ونظام سلة كاملًا مع التحكم في الكميات.

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

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