TBD Bikes – কাস্টম Shopify স্টোর

চ্যালেঞ্জ: শুরু থেকে একটি ডার্ক, মডার্ন Shopify থিম তৈরি করা, যা মোটোক্রস ব্র্যান্ড আইডেন্টিটির সঙ্গে মেলে, আবার ডার্ক ব্যাকগ্রাউন্ডেও লেখা সহজে পড়া যায় এবং প্রোডাক্টগুলো স্পষ্টভাবে চোখে পড়ে।

সমাধান: আমি একটি কাস্টম Liquid থিম তৈরি করেছি, যাতে আছে যত্নে বাছাই করা ডার্ক ব্যাকগ্রাউন্ড (#0a0a0a, #111111), নীল (#3b82f6) অ্যাকসেন্ট হাইলাইট এবং Bebas Neue ও Inter ফন্টে পরিচ্ছন্ন টাইপোগ্রাফি। ডিজাইনটি নিশ্চিত করে যে ডার্ক ক্যানভাসে প্রোডাক্টগুলো আলাদা করে নজর কাড়ে, আর পড়ার সুবিধার জন্য চমৎকার কনট্রাস্ট রেশিও বজায় থাকে।

চ্যালেঞ্জ: সাধারণ Shopify চেকআউটের বাইরেও ক্লায়েন্টের দরকার ছিল টুলের অনুরোধ, রং কাস্টমাইজেশন ও বাল্ক অর্ডারের জন্য একটি কাস্টম ইনকোয়ারি সিস্টেম, যা রেডিমেড থিমে পাওয়া যায় না।

সমাধান: আমি FormSubmit-এর মাধ্যমে যুক্ত শ্রেণিভিত্তিক ফর্মসহ (সাধারণ প্রশ্ন, কাস্টম টুলের অনুরোধ, নতুন রঙের অনুরোধ, বাল্ক অর্ডার) কাস্টম ইনকোয়ারি পেজ তৈরি করেছি। প্রোডাক্ট পেজে আছে রিয়েল-টাইম দাম আপডেটসহ ভ্যারিয়েন্ট বাছাই, থাম্বনেইল নেভিগেশনসহ ইমেজ গ্যালারি এবং পরিমাণ নিয়ন্ত্রণসহ পূর্ণাঙ্গ কার্ট সিস্টেম।

চ্যালেঞ্জ: ডার্ক থিম, প্রোডাক্ট গ্যালারি ও ইনকোয়ারি ফর্ম যেন সব ডিভাইসে ঝামেলাহীনভাবে কাজ করে তা নিশ্চিত করা, বিশেষ করে মোবাইলে, যেখান থেকে বেশিরভাগ ই-কমার্স ট্রাফিক আসে।

সমাধান: আমি একটি মোবাইল-ফার্স্ট রেসপন্সিভ লেআউট তৈরি করেছি, যাতে আছে কোলাপসিবল হ্যামবার্গার মেনু, টাচ-বান্ধব প্রোডাক্ট গ্রিড (ডেস্কটপে ৪ কলাম থেকে মোবাইলে ২ কলাম), অপটিমাইজড ইমেজ লোডিং এবং স্টিকি নেভিগেশন বারে ব্যাকড্রপ ব্লার ইফেক্ট, যা মোবাইলে একটি পরিপাটি অভিজ্ঞতা দেয়।